Convertir color HSL a HEX
Convierte valores HSL (matiz, saturación, luminosidad) a su código hexadecimal equivalente, listo para usar en CSS.
Se procesa en tu dispositivo. Nada se envía a ningún servidor.
HEX
#0B6F5B
Convierte el modelo HSL a RGB y después a su representación hexadecimal, siguiendo el algoritmo estándar del espacio de color HSL.
Casos de uso
- Convertir un color definido en hsl() a HEX para compatibilidad.
- Documentar una paleta definida por matiz y luminosidad.
- Generar variantes de un color y obtener su HEX.
Cómo funciona
- 1
Ajusta H, S y L
Introduce el matiz (0-360), la saturación y la luminosidad en porcentaje.
- 2
Copia el HEX
El código hexadecimal se calcula al instante.
Detalles técnicos
- Ejemplo: hsl(210, 100 %, 50 %) → #0080FF.
- Con la luminosidad al 0 % el resultado es siempre negro y al 100 % blanco, sea cual sea el tono; con saturación 0 % obtienes un gris.
- HSL no es perceptualmente uniforme: un amarillo y un azul con la misma luminosidad no parecen igual de claros. Compruébalo con el comprobador de contraste si el color va a llevar texto.
- Como el HEX solo admite valores enteros, convertir HEX → HSL → HEX puede variar una unidad en algún canal.
Preguntas frecuentes
¿Qué rango tiene cada valor?
El matiz va de 0 a 360 grados; saturación y luminosidad se expresan en porcentaje, de 0 a 100.