Informazioni su questo strumento
Converti i valori di colore HSL (tonalità, saturazione, luminosità) in codici esadecimali. HSL è un modello di colore intuitivo in cui Tonalità è l'angolo del colore (0-360°), Saturazione è l'intensità del colore (0-100%) e Luminosità controlla quanto chiaro o scuro è il colore (0-100%). Utile per i designer che lavorano in HSL e necessitano di codici esadecimali per CSS.
Domande frequenti
- Perché usare HSL invece di esadecimale o RGB?
- HSL è più intuitivo per gli esseri umani. Vuoi una tonalità più scura? Diminuire la leggerezza. Vuoi una versione disattivata? Diminuire la saturazione. Queste relazioni non sono ovvie in formato esadecimale o RGB dove è necessario regolare tutti e tre i canali.
- Cosa significa una tonalità pari a 0 rispetto a 360?
- Sia 0° che 360° sono rossi: la ruota delle tonalità si avvolge. Tonalità principali: 0° = rosso, 60° = giallo, 120° = verde, 180° = ciano, 240° = blu, 300° = magenta.
- Cosa succede con una saturazione dello 0% e del 100%?
- Allo 0% di saturazione, qualsiasi tonalità diventa una sfumatura di grigio (determinata solo dalla luminosità). Con una saturazione del 100%, ottieni la versione più pura e vivida di quella tonalità.
- Come funziona la leggerezza?
- Lo 0% di luminosità è sempre nero indipendentemente dalla tonalità/saturazione. Il 100% è sempre bianco. Il 50% dà la versione pura e più vibrante del colore. I valori compresi tra 0 e 50% indicano tonalità più scure, tra 50 e 100% sono tonalità più chiare.