Conversor de códigos de cor

Sobre o conversor de códigos de cor

Isso converte uma cor entre os três formatos que o trabalho web e de design usa — HEX, RGB e HSL — mostrando os três de uma vez ao lado de uma amostra ao vivo e um seletor de cores. Designers e desenvolvedores usam para traduzir um HEX de marca em RGB para uma ferramenta de design, em HSL para ajustar a claridade ou saturação, ou para pegar um valor do seletor. Edite qualquer campo, ou arraste o seletor, e os outros atualizam na hora.

Como funciona — os três formatos

• HEX — um código #RRGGBB onde cada par é um valor de vermelho, verde ou azul em hexadecimal (00–FF). A forma curta de três dígitos como #f00 também é aceita.
• RGB — os mesmos vermelho, verde e azul como números decimais 0–255.
• HSL — matiz (0–360° ao redor da roda de cores), saturação (0–100%) e claridade (0–100%), que costuma ser mais intuitivo para ajustar uma cor.

Editar um campo converte através de RGB para atualizar os outros: HEX e RGB são duas visões dos mesmos números, e HSL é calculado com as fórmulas padrão RGB↔HSL.

Suposições e comportamento

• Aceita HEX de 6 e 3 dígitos, com ou sem o #.
• Os campos RGB e HSL são flexíveis quanto ao formato — 79, 70, 229 ou rgb(79 70 229) ambos são analisados.
• O seletor e a amostra sempre refletem a cor atual.
• Os valores HSL são arredondados para números inteiros para um resultado limpo e copiável.

Limitações

• O arredondamento do HSL pode causar pequenas idas e voltas. Como o HSL é mostrado em números inteiros, converter HEX → HSL → HEX pode ocasionalmente desviar em um valor num canal. O par HEX/RGB é sempre exato.
• Ele lida com cores opacas; não inclui um canal de alfa/transparência (RGBA/HSLA ou HEX de 8 dígitos).
• Ele não converte para espaços de cor de impressão como CMYK ou Pantone, que não se mapeiam exatamente a partir do RGB de tela.
• Ele trabalha com o espaço de cor sRGB que os navegadores usam.

Privacidade

A conversão roda inteiramente no seu navegador. Nada é enviado ou armazenado.