Convertidor de HEX a HSL

HSL describe un color mediante un ángulo de tono y porcentajes de saturación y luminosidad. Primero se lee HEX como RGB y se normaliza cada canal al intervalo 0–1.

Ejemplo resuelto

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

Cómo funciona la conversión

Busca el mayor y el menor canal RGB normalizado. Su punto medio da la luminosidad, la diferencia determina la saturación y el canal máximo fija el sector del tono.

Nota importante

HSL facilita crear variaciones, pero valores iguales de luminosidad HSL no garantizan igual brillo percibido ni contraste accesible.

Abrir este ejemplo en la herramienta de color