Conversor de cores
Cole ou escolha uma cor — HEX, RGB(A), HSL(A), HSV ou CMYK — e veja todos os formatos de uma vez, com pré-visualização ao vivo.
Pré-visualização
- HEX
- RGB
- HSL
- HSV
- CMYK
Como usar
- Digite uma cor em qualquer formato — HEX (#FF5733), rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(…), cmyk(…) ou um nome como “red” — ou escolha uma com a amostra de cor.
- Todos os formatos aparecem na hora, sem botão para pressionar. A pré-visualização mostra a cor real.
- Copie qualquer formato com seu botão. O alfa (transparência) é mantido: um HEX de 8 dígitos ou rgba()/hsla() é mostrado quando a cor não é totalmente opaca.
Exemplo
Entrada
#FF5733
Formatos
HEX #FF5733 RGB rgb(255, 87, 51) HSL hsl(10.6, 100%, 60%) HSV hsv(10.6, 80%, 100%) CMYK cmyk(0%, 65.9%, 80%, 0%)
#FF5733 é um laranja; a mesma cor é rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(10.6, 80%, 100%) e cmyk(0%, 65.9%, 80%, 0%).
Escopo, limites e dúvidas comuns
- Apenas cinco formatos: HEX, RGB(A), HSL(A), HSV e CMYK. Sem CIE-Lab/XYZ, sem correspondência com “cor nomeada mais próxima”, sem mistura de paletas ou verificação de contraste (a11y).
- As conversões são matemática exata; valores de componente são arredondados para inteiros e porcentagens para uma casa decimal (por exemplo, 65,9%), zeros à direita removidos — não é precisão infinita.
- O seletor de cor (amostra) é um controle do navegador e só mostra cores opacas. A transparência (alfa) é inserida e exibida apenas pela caixa de texto.
- Os nomes de cor usam as palavras-chave CSS padrão (red, rebeccapurple, …) em inglês, digitadas exatamente. Nomes em outros idiomas (por exemplo, “vermelho”) não são reconhecidos — digite a palavra-chave em inglês.
- Nada é enviado, armazenado ou colocado na URL: sem histórico, sem link de compartilhamento com a cor. Tudo roda no seu navegador.
Ferramentas relacionadas
O que as pessoas costumam precisar em seguida, quando a cor está no formato desejado.