Conversor de cores
Informe uma cor em HEX, RGB ou HSL e veja o mesmo valor nos outros dois formatos, com um quadro da cor.
Como usar
- Escolha o formato em que você tem a cor: HEX, RGB ou HSL.
- Digite a cor no formato escolhido. Veja o exemplo abaixo do campo.
- Clique em converter para ver a cor nos três formatos e no quadro.
Como funciona
Os três formatos descrevem as mesmas cores. HEX e RGB usam os canais vermelho, verde e azul, de 0 a 255. HSL usa matiz, saturação e luminosidade. A conversão passa pelo RGB, e os valores de HSL são arredondados para números inteiros.
Exemplo
A cor #4F46E5 equivale a rgb(79, 70, 229) e a hsl(243, 75%, 59%).
Limitações
Valores HSL são arredondados para inteiros, por isso converter ida e volta pode mudar um valor em 1 unidade.
Perguntas frequentes
Qual a diferença entre HEX, RGB e HSL?
São três formas de escrever a mesma cor. HEX e RGB misturam vermelho, verde e azul. HSL descreve a cor pelo matiz, pela saturação e pela luminosidade, o que ajuda a criar tons mais claros ou mais escuros.
Por que o HEX pode vir com três dígitos?
A forma curta, como #abc, é igual a #aabbcc. Cada dígito é repetido. A ferramenta mostra sempre a forma completa, com seis dígitos.
A cor convertida é exatamente a mesma?
Em geral, sim. Como o HSL usa números inteiros, uma conversão de ida e volta pode mudar um valor em 1 unidade, o que quase nunca aparece na tela.