Conversor de cores HEX, RGB e HSL

Digite uma cor em HEX, RGB ou HSL e veja a conversão automática para os outros formatos, com pré-visualização.

Para que serve

O conversor de cores recebe uma cor em HEX, RGB ou HSL e mostra na hora a conversão para os outros formatos, com uma pré-visualização do tom. Você digita o valor que tem em mãos e leva o equivalente que precisa.

É útil quando o código de cor está em um formato e o seu projeto pede outro, sem precisar abrir um editor pesado só para isso.

Os formatos de cor

  • HEX: o código de seis dígitos como #1A2B3C, padrão na web e no CSS.
  • RGB: define a cor pela quantidade de vermelho, verde e azul, ideal para telas.
  • HSL: usa matiz, saturação e luminosidade, ótimo para ajustar um tom de forma intuitiva.

Quando usar

  • Converter um HEX de um guia de marca para RGB usado em outro programa.
  • Pegar o HSL de uma cor para clarear ou escurecer ajustando a luminosidade.
  • Conferir se dois códigos em formatos diferentes representam a mesma cor.

Limitações

A conversão é matemática entre os espaços RGB e HSL e o formato HEX, sem perfis de cor ou CMYK para impressão. Arredondamentos podem causar diferenças mínimas de um ponto em alguns valores. Tudo roda no navegador, sem envio a servidores.

Perguntas frequentes

Qual a diferença entre HEX, RGB e HSL?
HEX é o código padrão da web e do CSS, RGB define a cor por vermelho, verde e azul para telas, e HSL usa matiz, saturação e luminosidade, mais fácil de ajustar manualmente.
A conversão é exata?
Sim, dentro do espaço de cor das telas. Pode haver diferença mínima de arredondamento em alguns valores, mas a cor exibida na pré-visualização corresponde ao resultado.
Os valores são enviados a algum servidor?
Não. A conversão acontece inteiramente no seu navegador.