Gerador de paletas

Escolha uma cor e obtenha na hora os códigos HEX, RGB e HSL para copiar.

Crie um gradiente linear CSS com duas cores e um ângulo, e copie o código.

Simule como uma cor aparece com protanopia, deuteranopia e tritanopia.

Encontre o complementar de uma cor e cores dividida, tríade e análoga.

Gere escalas de luminosidade e saturação a partir de uma cor base.

Misture duas cores em qualquer proporção para obter a cor intermediária.

Veja as paletas do Tailwind CSS e Material Design e copie qualquer HEX com um clique.

Gere cores aleatórias e copie o HEX com um clique.

Converta entre px, rem e em com base no tamanho da fonte raiz.