Convertitore da HEX a HSL
Converta HEX in HSL all'istante mentre scrive — gratis, immediato, con un esempio pratico e una tabella dei colori comuni.
Digiti un valore HEX per visualizzare il valore HSL corrispondente qui sotto, oppure scelga un colore dal selettore.
Esempio pratico
HEX #ff5733 = HSL 11, 100%, 60%
Come funziona la conversione
- Un codice HEX corrisponde agli stessi tre canali RGB scritti in base 16: due cifre per canale, da 00 (0) a ff (255).
- Il formato HSL descrive lo stesso colore tramite tonalità (da 0 a 360° sulla ruota dei colori), saturazione e luminosità — ideale per scurire o desaturare un colore modificando un solo componente.
Colori comuni in HEX e HSL
| Colore | HEX | HSL |
|---|---|---|
| Rosso | #ff0000 | 0, 100%, 50% |
| Arancione | #ffa500 | 39, 100%, 50% |
| Giallo | #ffff00 | 60, 100%, 50% |
| Verde | #008000 | 120, 100%, 25% |
| Ciano | #00ffff | 180, 100%, 50% |
| Blu | #0000ff | 240, 100%, 50% |
| Viola | #800080 | 300, 100%, 25% |
| Rosa | #ffc0cb | 350, 100%, 88% |
| Marrone | #a52a2a | 0, 59%, 41% |
| Bianco | #ffffff | 0, 0%, 100% |
| Grigio | #808080 | 0, 0%, 50% |
| Nero | #000000 | 0, 0%, 0% |
Ogni conversione viene eseguita nel Suo browser. Nessun dato inserito viene caricato su BroBroGo.
Domande frequenti
Come posso convertire HEX in HSL?
Digiti o incolli il Suo valore HEX qui sopra: il valore HSL si aggiornerà in tempo reale. Può anche selezionare il colore visivamente utilizzando il selettore.
La conversione è esatta?
I valori vengono arrotondati a numeri interi, ovvero il formato richiesto dai fogli di stile CSS e dagli strumenti di progettazione. La differenza rimane ampiamente al di sotto della soglia percepibile dall'occhio umano.