Convertite un colore hex CSS (#RRGGBB) in componenti HSL (tonalità, saturazione, luminosità). L’HSL separa il croma dalla luminanza — utile per ritocchi di tema e accessibilità.
Canali di uscita
| Canale | Intervallo |
|---|---|
| Tonalità (H) | 0–360 gradi |
| Saturazione (S) | 0–100 per cento |
| Luminosità (L) | 0–100 per cento |
Quando usarlo
- Ottenere varianti hover/active spostando la luminosità
- Comunicare i colori del brand a designer che lavorano in HSL
- Controllare le conversioni rispetto agli strumenti di design
Limiti
Solo hex a sei cifre (# iniziale opzionale). Canali alpha e forma abbreviata a tre cifre non sono supportati. L’arrotondamento può differire leggermente da altri convertitori di ±1 su S o L.
Esempio
Inserite i valori di esempio predefiniti del modulo e confrontate l’output con un riferimento noto; regolate un input alla volta.