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.

Como usar

  1. 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.
  2. Todos os formatos aparecem na hora, sem botão para pressionar. A pré-visualização mostra a cor real.
  3. 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.

O que as pessoas costumam precisar em seguida, quando a cor está no formato desejado.