HEX, RGB e HSL: três descrições da mesma cor
Um editor pode pedir HEX enquanto outro arquivo usa RGB ou HSL. Converter transporta a mesma cor entre formatos; não melhora a cor automaticamente nem garante igualdade entre tela e impressão.
HEX é uma forma curta de RGB
Em HEX com 6 dígitos, cada par representa vermelho, verde ou azul de 0 a 255. A forma de 3 dígitos repete cada dígito, não insere zeros.
O conversor usa sRGB opaco e aceita HEX de 3 ou 6 dígitos. CSS permite alfa com 8, mas essa transparência está fora do escopo atual da ferramenta.
Referências: W3C CSS Color 4 — Hexadecimal RGB and HSL
HSL muda a maneira de descrever
Matiz, saturação e luminosidade ajudam a pensar numa versão menos saturada ou mais clara, em vez de alterar 3 canais sem direção.
A luminosidade HSL não é uma medida uniforme de brilho percebido. Percentuais iguais em matizes diferentes não garantem aparência igualmente clara nem adequação para texto.
Referências: W3C CSS Color 4 — Hexadecimal RGB and HSL
Converter não valida todas as decisões de design
Confira a cor do texto no fundo real quando a leitura importar. Código válido ou amostra bonita não comprovam contraste suficiente.
Mantenha a referência ao passar para impressão ou outro espaço de cor. Não é calibração de tela nem conversão CMYK; reescrever HSL e voltar a RGB de 8 bits pode causar pequeno arredondamento.
Exemplo: expandir o código sem mudar a cor
#369 se expande para #336699. Os pares 33, 66 e 99 dão RGB 51, 102 e 153, não 3, 6 e 9. A mesma cor em HSL tem 210 graus, 50% de saturação e 40% de luminosidade.
São 3 descrições, não 3 tons. Mudar luminosidade para 60% escolhe outra cor; incluir alfa acrescenta uma decisão de transparência ausente no original opaco.