Convertitore da HSL a HEX
Converta HSL in HEX all'istante mentre scrive — gratis, immediato, con un esempio pratico e una tabella dei colori comuni.
Digiti un valore HSL per visualizzare il valore HEX corrispondente qui sotto, oppure scelga un colore dal selettore.
Esempio pratico
HSL 11, 100%, 60% = HEX #ff5733
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 HSL e HEX
| Colore | HSL | HEX |
|---|---|---|
| Rosso | 0, 100%, 50% | #ff0000 |
| Arancione | 39, 100%, 50% | #ffa500 |
| Giallo | 60, 100%, 50% | #ffff00 |
| Verde | 120, 100%, 25% | #008000 |
| Ciano | 180, 100%, 50% | #00ffff |
| Blu | 240, 100%, 50% | #0000ff |
| Viola | 300, 100%, 25% | #800080 |
| Rosa | 350, 100%, 88% | #ffc0cb |
| Marrone | 0, 59%, 41% | #a52a2a |
| Bianco | 0, 0%, 100% | #ffffff |
| Grigio | 0, 0%, 50% | #808080 |
| Nero | 0, 0%, 0% | #000000 |
Ogni conversione viene eseguita nel Suo browser. Nessun dato inserito viene caricato su BroBroGo.
Domande frequenti
Come posso convertire HSL in HEX?
Digiti o incolli il Suo valore HSL qui sopra: il valore HEX 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.