Conversor de HEX para HSL

HSL descreve uma cor por um ângulo de matiz e percentuais de saturação e luminosidade. Primeiro o HEX é lido como RGB e cada canal é normalizado para 0–1.

Exemplo resolvido

Entrada
#336699
Resultado
hsl(210, 50%, 40%)
Cálculo
max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°

Como funciona a conversão

Encontre os maiores e menores canais RGB normalizados. O ponto médio dá a luminosidade, a diferença determina a saturação e o canal máximo define o setor do matiz.

Observação importante

HSL facilita a criação de variações, mas valores iguais de luminosidade HSL não garantem brilho percebido igual nem contraste acessível.

Abrir este exemplo na ferramenta de cores