Conversor de HEX a HSL
Pega un valor HEX y obtén HSL al instante. Cualquier otro formato también sirve.
Ejemplos de HEX a HSL
Sobre HEX y HSL
HEX escribe el rojo, el verde y el azul con dos dígitos hexadecimales cada uno, como #ff5733. Es la forma más habitual de escribir colores en la web y en las herramientas de diseño.
HSL describe el matiz en grados y la saturación y la luminosidad en porcentaje. Es fácil de leer, pero su luminosidad no es uniforme a la vista: un amarillo al 50 % parece mucho más claro que un azul al 50 %.
Cómo funciona la conversión
Leemos el valor HEX, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a HSL. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.
Preguntas y respuestas
¿Cómo convierto HEX a HSL?
Pega o escribe un valor HEX en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor HSL.
¿La conversión de HEX a HSL es exacta?
El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.
¿Puedo obtener otros formatos a la vez?
Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.
¿Este conversor es gratuito?
Sí. Es gratis, no necesita registro y funciona entero en tu navegador.