Convierte un color HEX en HSL

Con HEX a HSL, diseñadores y desarrolladores de interfaces pueden ajustar una interfaz antes de implementarla. Convierte un color HEX en HSL.

Convierte un color HEX en HSL. Puedes usarla gratis en el navegador sin crear una cuenta y revisar el resultado antes de continuar.

Cómo usar

Introduce un código de color hexadecimal válido en el área de entrada, usando el formato que muestra la interfaz.
Ejecuta la conversión para obtener los componentes HSL correspondientes sin ninguna configuración adicional.
Lee los valores de tono, saturación y luminosidad, y luego compáralos con el color original de tu diseño.
Copia los valores HSL en tu hoja de estilos o herramienta de diseño, y borra el campo si estás compartiendo tu pantalla.

Ejemplo

Con el color de ejemplo, la herramienta debería devolver un tono, una saturación y una luminosidad que coincidan con el código hexadecimal introducido. Presta atención al tono y a la luminosidad antes de adaptar una paleta o un estado de botón.

Entrada

#16A34A

Resultado

hsl(142 76% 36%)

Límites y formatos

Convierte un color, pero no comprueba el contraste con el texto ni evalúa la accesibilidad.
No crea paletas, no sugiere variantes ni repara un código hexadecimal no válido.
Los valores HSL están pensados para copiarse; comprueba su formato exacto antes de usarlos en un framework o preprocesador.

Dónde se procesa

La conversión se realiza localmente en tu navegador. El código de color que escribes no se envía a ningún sitio y no sale de tu dispositivo.

Preguntas frecuentes

¿Para qué se usan los valores HSL?

HSL describe un color mediante tono, saturación y luminosidad. Estos componentes son prácticos para ajustar una paleta, crear variantes o explicar un color en la documentación.

¿Puedo convertir varios colores a la vez?

No, la herramienta trabaja con el valor del área de entrada. Para comparar varios colores, ejecuta la conversión de nuevo con cada código uno tras otro.

¿Qué hago si el resultado parece incorrecto?

Primero comprueba que el código hexadecimal esté completo y bien escrito. Un valor no válido o incompleto no se puede convertir en componentes HSL fiables.