Conversor de cores
Converta cores entre HEX, RGB, HSL, HSV e CMYK
As cinco representações atualizam ao digitar ou selecionar.
Espaços de cores e suas letras miúdas
Todos os formatos a partir de um colar
Cole "indigo", "#4f46e5", rgb(79,70,229) ou hsl(245,58%,59%) e obtenha instantaneamente as cinco representações — sem redigitar uma cor em cada modo.
Prévia em tempo real com seletor
A prévia atualiza ao digitar ou arrastar o seletor de cor nativo, então o que você converte é exatamente a amostra visível.
Copie em um clique
Cada linha de formato tem seu próprio botão de copiar, e tudo funciona offline no seu navegador — inventariar paletas nunca precisa de upload.
O que é um conversor de cores?
Um conversor de cores traduz uma cor entre os formatos que as ferramentas falam. Software de design exporta HEX ou CMYK, um engenheiro frontend precisa de rgb() ou hsl() para CSS, e uma ferramenta de dados pode querer hsv(). Em vez de abrir um seletor cinco vezes, cole o valor que você tem e veja instantaneamente todos os outros: "#4f46e5" → rgb(79, 70, 229) → hsl(245, 58%, 59%).
O que ele faz
- Parseia entradas hex (#fff, #ffffff, #rrggbbaa) e rgba()
- Calcula equivalentes rgb / hsl / hsv / cmyk para cada entrada
- Amostra de prévia que atualiza ao digitar ou escolher
- Preserva alfa onde existir (hex de 8 dígitos, rgba)
- Copia cada formato com seu próprio botão
- Seletor de cor nativo para seleção visual
Quando usar
- Mover uma cor de marca de uma ferramenta de design para variáveis CSS
- Converter um valor CMYK de impressão em hex seguro para web
- Obter um valor hsl para gradientes CSS e paletas de modo escuro
- Conferir como outro conversor arredondou uma cor
Privacidade: a conversão acontece totalmente no seu navegador — nada que você digitar é jamais enviado.
HEX, RGB, HSL e o que contraste realmente significa
- HEX e RGB são valores sRGB idênticos, apenas com notações diferentes — converter entre eles envolve apenas aritmética pura, nunca uma alteração de cor.
- HSL representa o mesmo gamut em forma de cilindro: matiz gira, saturação irradia e luminosidade aumenta. Incrementos iguais em HSL não parecem igualmente distintos — espaços perceptuais como OKLCH foram criados justamente para resolver isso.
- O contraste WCAG é calculado a partir da luminância relativa após expansão gama, não a partir de médias brutas de RGB; o verificador abaixo usa a fórmula oficial 2.1.
Perguntas frequentes
Quais formatos são suportados?⌄
Hex (3, 4, 6 ou 8 dígitos — 8 adiciona alfa), rgb()/rgba(), hsl()/hsla(), hsv()/hsb() e cmyk(). A entrada é normalizada automaticamente seja #FFF, rgb(255 0 0) ou hsl(0, 100%, 50%).
As conversões são exatas?⌄
Coincidem com as fórmulas CSS padrão (arredondadas para canais inteiros). Tons HSL/HSV são preservados com precisão decimal; CMYK é calculado por conversão convencional arredondada a um decimal percentual.
Minha cor é enviada para algum lugar?⌄
Não. Tudo roda no seu navegador com JavaScript puro — nada é transmitido nem armazenado.