O conversor de cores aceita a cor em qualquer formato (HEX, RGB, HSL ou CMYK) e mostra todos os outros na hora, prontos para copiar no CSS, no Figma ou no Photoshop. Também calcula o contraste WCAG com texto branco e preto.
Formatos de Cor Mais Usados
| Formato | Exemplo | Onde é usado |
|---|---|---|
| HEX | #3B82F6 | CSS, HTML, design de interfaces |
| RGB | rgb(59, 130, 246) | CSS, programação gráfica, telas |
| HSL | hsl(217, 91%, 60%) | CSS, criação de paletas e variações |
| HSV/HSB | hsv(217, 76%, 96%) | Photoshop, seletores de cor |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Impressão gráfica |
HEX Abreviado
Códigos HEX de 3 dígitos são uma forma curta: cada dígito é repetido. #F80 é o mesmo que #FF8800. O conversor aceita as duas formas, com ou sem o #.
Converter Cores no CSS Moderno
Navegadores atuais aceitam todos esses formatos diretamente. Para transparência, use rgb(59 130 246 / 50%) ou um HEX de 8 dígitos como #3B82F680, em que os dois últimos dígitos são a opacidade.
Perguntas Frequentes
Como converter HEX para RGB?
Separe o código HEX em três pares (vermelho, verde e azul) e converta cada par de hexadecimal para decimal. Exemplo: #3B82F6 vira 3B = 59, 82 = 130 e F6 = 246, ou seja, rgb(59, 130, 246).
Qual a diferença entre RGB e CMYK?
RGB é o modelo de cor das telas: mistura luz vermelha, verde e azul. CMYK é o modelo da impressão: mistura tintas ciano, magenta, amarelo e preto. A conversão RGB para CMYK é uma aproximação; para impressão profissional, use o perfil de cor da gráfica.
O que é HSL?
HSL descreve a cor por matiz (hue, de 0 a 360 graus no círculo cromático), saturação e luminosidade. É mais intuitivo para criar variações: para escurecer uma cor, basta diminuir a luminosidade mantendo o mesmo matiz.
Qual contraste mínimo para acessibilidade?
A WCAG exige contraste de pelo menos 4,5:1 para texto normal (nível AA) e 3:1 para texto grande. O nível AAA pede 7:1. O conversor mostra o contraste da cor com texto branco e preto.