Cor

Escolha qualquer cor e leia seus valores em HEX, RGB, HSL, HSV e CMYK de uma vez.

Encontre a cor complementar oposta à sua cor base no círculo cromático.

Gere um conjunto de cores análogas a mais e menos 30 e 60 graus.

Monte um esquema triádico de três cores espaçadas em 120 graus.

Gere um esquema tetrádico de quatro cores espaçadas em 90 graus.

Crie um trio complementar dividido: sua base mais as duas matizes ao lado de seu complemento.

Gere tons claros e escuros de uma única matiz para uma paleta limpa e coesa.

Combine duas cores e controle a proporção da mistura com um controle deslizante.

Gere uma paleta harmoniosa de cinco cores e gere novamente para ter ideias frescas.

Interpole amostras uniformemente espaçadas entre duas cores para um gradiente suave.

Classifique uma cor como quente ou fria e veja o porquê com base em sua matiz.

Ajuste os controles de matiz, saturação e luminosidade para obter saída em hex e RGB em tempo real.

Converta valores RGBA em um código hex de 8 dígitos e converta o hex de 8 dígitos de volta em RGBA.

Digite uma cor em hex, RGB ou HSL e obtenha HEX, RGB, HSL, HSV e CMYK.

Transforme uma cor base em uma escala de tons 50–900 como no Tailwind CSS.