Cores e Design

Conversor de Cores: HEX, RGB, HSL e CMYK

Escolha uma cor ou digite um código e veja na hora os valores em HEX, RGB, HSL, HSV e CMYK. Tudo é calculado no seu navegador.

Conversor de Cores

HEX#1E90FF
RGBrgb(30, 144, 255)
HSLhsl(210, 100%, 56%)
HSVhsv(210, 88%, 100%)
CMYKcmyk(88%, 44%, 0%, 0%)

Os valores são arredondados para números inteiros; ao converter de volta, a cor pode variar em 1 unidade.

Como converter cores entre HEX, RGB e HSL

Escolha o formato de entrada (HEX, RGB, HSL, HSV ou CMYK), digite o valor ou use o seletor visual. Todos os outros formatos são atualizados enquanto você digita, e o botão Copiar de cada linha leva o código para a área de transferência.

Você pode digitar com ou sem a função: 30, 144, 255 e rgb(30, 144, 255) são aceitos. Valores fora dos limites, como rgb(300, 20, 10) ou hsl(500, 100%, 50%), mostram uma mensagem de erro e não alteram o resultado atual.

Diferença entre HEX, RGB, HSL, HSV e CMYK

Exemplos

Você digitaResultado
#1E90FFrgb(30, 144, 255), hsl(210, 100%, 56%), hsv(210, 88%, 100%), cmyk(88%, 44%, 0%, 0%)
rgb(255, 0, 0)#FF0000, hsl(0, 100%, 50%)
hsl(120, 100%, 25%)#008000, rgb(0, 128, 0)
cmyk(0%, 0%, 0%, 100%)#000000, rgb(0, 0, 0)

Perguntas frequentes

Como converter HEX para RGB?

Separe o HEX em três pares (#1E90FF vira 1E, 90 e FF) e converta cada par de hexadecimal para decimal: 30, 144 e 255. Aqui basta digitar o HEX e copiar o RGB.

Qual a diferença entre HSL e HSV?

Os dois usam matiz e saturação, mas o terceiro valor é diferente: no HSL é a luminosidade (0% é preto, 100% é branco); no HSV é o brilho (100% é a cor mais viva). Por isso o mesmo azul tem valores diferentes em cada um.

O CMYK daqui é igual ao da impressão?

Não exatamente. A conversão é matemática e não considera o perfil de cor da impressora ou do papel. Para impressão profissional, confirme os valores com a gráfica.

Por que o valor muda 1 unidade ao converter de volta?

Porque os resultados são arredondados para inteiros. Por exemplo, hsl(210, 100%, 56%) corresponde a #1F8FFF, muito próximo de #1E90FF, mas não idêntico.

Meus dados são enviados para algum servidor?

Não. Todas as conversões são feitas no seu navegador.

Ferramentas relacionadas