Conversor de Cores
HEX, RGB, HSL e Tailwind
#10B981rgb(16, 185, 129)hsl(160, 84%, 39%)rgba(16, 185, 129, 1)--color: 160 84% 39%;bg-[#10B981] text-[#10B981]Conversor de Cores: HEX, RGB, HSL, HSV, CMYK
Cada ferramenta de design ou desenvolvimento usa formatos de cor diferentes: HEX para CSS, RGB para JavaScript, HSL para manipulações suaves, CMYK para impressão, HSV para software de design. Nosso conversor traduz entre todos os formatos em tempo real com prévia visual.
Inclui contraste automático (WCAG AA/AAA) com preto e branco, cores complementares, paletas harmônicas (triádica, split-complementar, análoga) e cópia do valor em qualquer formato com um clique.
Projetado para designers, desenvolvedores front-end e criadores que trabalham com cores de marca. Tudo executa no seu navegador — sem dependências, sem anúncios.
Como funciona?
- 1Insira uma cor
Em qualquer formato: HEX (#RRGGBB), RGB (rgb(255,0,0)), HSL, HSV, CMYK, ou use o picker visual.
- 2Veja conversões automáticas
Todos os outros formatos são calculados em tempo real.
- 3Copie ou explore
Copie o valor no formato desejado ou explore variações (paleta, contraste, complementar).
Perguntas Frequentes
Telas usam RGB (luz aditiva) enquanto impressão usa CMYK (tintas subtrativas). Os gamuts de cor são diferentes: RGB pode exibir cores que CMYK não pode reproduzir (especialmente azuis e verdes vibrantes). Nossa ferramenta mostra se há perda cromática ao converter.
WCAG AA exige contraste mínimo de 4,5:1 entre texto e fundo (3:1 para texto grande). AAA é mais rigoroso: 7:1 (4,5:1 grande). Nosso conversor mostra automaticamente se um par de cores passa nesses padrões.
Não é conversão direta — precisa converter HSL → RGB primeiro com fórmula matemática, então RGB → HEX (cada componente 0-255 vira 2 dígitos hexadecimais). Nossa ferramenta faz instantaneamente.