Conversión de color
Convertidor de HSL a HEX: HSL y HSLA a hexadecimal
Convierte colores HSL y HSLA a HEX, RGB y OKLCH. Ajusta tono, saturación y luminosidad con deslizadores y copia el código hexadecimal para tu CSS al instante.
hsl(217 91% 60%)Cómo usar esta herramienta
HSL describe un color por su tono (0–360°), saturación y luminosidad, lo que lo hace fácil de entender. Mueve los deslizadores o escribe valores exactos y el convertidor actualiza al momento el HEX, el HEX de ocho dígitos con alfa, RGB y OKLCH.
- 1 Define tono, saturación y luminosidad.
- 2 Si quieres transparencia, baja el alfa.
- 3 Copia el resultado HEX, HEX8, RGB u OKLCH.
Preguntas frecuentes
¿Qué significan los valores HSL?
El tono es la posición en la rueda de color en grados, la saturación es la intensidad desde gris (0 %) hasta color pleno (100 %) y la luminosidad va del negro (0 %) al color puro (50 %) y al blanco (100 %).
¿Cómo convierto HSLA a HEX?
Pon el alfa por debajo de 1 y la herramienta mostrará un HEX de ocho dígitos como #3B82F680, donde los dos últimos guardan el canal alfa.
¿Por qué HSL a HEX a veces redondea?
HEX guarda valores RGB enteros de 0 a 255, así que los valores HSL se redondean al color RGB más cercano.
¿HSL es perceptualmente uniforme?
No. Un amarillo al 50 % de luminosidad parece mucho más claro que un azul al 50 %. Para escalas uniformes usa OKLCH, que el convertidor también muestra.