Convierta un color hex CSS (#RRGGBB) en componentes HSL (matiz, saturación, luminosidad). HSL separa el croma de la luminancia, útil para ajustar temas y accesibilidad.
Canales de salida
| Canal | Rango |
|---|---|
| Matiz (H) | 0–360 grados |
| Saturación (S) | 0–100 por ciento |
| Luminosidad (L) | 0–100 por ciento |
Cuándo usarlo
- Obtener variantes hover/active desplazando la luminosidad
- Comunicar colores de marca a diseñadores que trabajan en HSL
- Contrastar conversiones con herramientas de diseño
Limitaciones
Solo acepta hex de seis dígitos (con # inicial opcional). No admite canales alfa ni la forma corta de tres dígitos. El redondeo puede diferir ligeramente de otros conversores en ±1 en S o L.
Ejemplo
Introduzca los valores de muestra por defecto del formulario y compare la salida con una referencia conocida; ajuste una entrada cada vez.