Como converter cores entre HEX, RGB, HSL e outros formatos
Converta uma cor entre HEX, RGB, HSL, CMYK e outros formatos, veja quais conversões são exatas e descubra qual formato usar em cada caso.
2 min de leitura
Para converter uma cor, cole-a no conversor de cores. Escolha o formato desejado em Destino e copie o resultado. A ferramenta detecta o formato de entrada automaticamente, então #ff6600, rgb(255, 102, 0), orangered e até 255, 102, 0 funcionam. O resultado aparece enquanto você digita. Uma amostra de cor abaixo do resultado mostra que a ferramenta identificou a cor correta.
A mesma cor em quatro formatos
HEX, RGB, HSL e CMYK são formas diferentes de representar a mesma cor. Veja esta cor laranja nos quatro formatos:
| Formato | Valor | O que os números significam |
|---|---|---|
| HEX | #ff6600 |
Vermelho, verde e azul, com dois dígitos hexadecimais cada |
| RGB | rgb(255, 102, 0) |
Vermelho, verde e azul, de 0 a 255 |
| HSL | hsl(24, 100%, 50%) |
Matiz na roda de cores, saturação e luminosidade |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Tintas ciano, magenta, amarelo e preto |
HEX e RGB usam os mesmos três números, apenas escritos de forma diferente. A conversão entre eles é exata. O HSL é mais fácil de ajustar manualmente: aumente o valor da luminosidade para clarear a cor.
Por que CMYK é diferente
O CMYK é usado na impressão, e os valores exatos dependem da impressora, do papel e da tinta. O conversor usa a fórmula padrão, sem um perfil de impressora, então uma gráfica pode fornecer valores ligeiramente diferentes para a mesma cor. Use o resultado CMYK em maquetes e peça uma prova de impressão à gráfica antes da impressão final.
Qual formato usar
- CSS e HTML: use HEX. É curto e todos os navegadores o reconhecem.
- Um tema de cores: use HSL. Você obtém tons mais claros ou mais escuros alterando um único número.
- Transparência no código: use RGB com um valor alfa ou um HEX de oito dígitos.
rgba(37, 99, 235, 0.5)se transforma em#2563eb80, e os dois últimos dígitos indicam a opacidade. - Maquetes de impressão: use CMYK e lembre-se da observação acima.
Os nomes das cores não são exatos
O conversor oferece 17 formatos, incluindo OKLCH, LAB, HSV, nomes de cores CSS e códigos ANSI de terminal. O nome de cor exibido é o nome CSS mais próximo, não uma correspondência exata. #ff6600 resulta em orangered, mas orangered corresponde, na verdade, a #ff4500. Use nomes para identificações rápidas e valores exatos para as cores da marca.
Cole a cor, confira a amostra e copie o resultado. Esse é todo o processo.
Quer experimentar a ferramenta?
Conversor de cores
Converta cores entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, nomes de cores CSS, códigos ANSI de terminal e mais, com detecção automática do formato e pré-visualização em tempo real.