Convertitore da HSL a HEX
Imposta tonalità, saturazione e luminosità e ottieni il codice colore HEX a sei cifre corrispondente, pronto da copiare.
Input hsl
Risultato · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Come si usa: Da HSL a HEX
- 1
Inserisci un colore
Digita un codice colore o scegli un colore con il selettore: ogni campo accetta il formato che mostra.
- 2
Guarda la conversione
Il risultato si aggiorna all’istante mentre digiti, insieme a un’anteprima dal vivo del colore.
- 3
Copia il codice
Copia il valore che ti serve con un clic e incollalo nel tuo progetto grafico, nel CSS o nelle impostazioni di stampa.
Perché convertire HSL in HEX
L’HSL è il modo più intuitivo per costruire un sistema di colori. Fissi una tonalità, ad esempio 262° per il viola, e crei un’intera scala cambiando soprattutto la luminosità: circa 95% per gli sfondi, 58% per pulsanti e accenti, 30% per il testo. Designer e sviluppatori usano questo metodo per tinte, sfumature e temi scuri.
La scala finita, però, di solito va consegnata come codici HEX: guide di stile, design token, librerie Figma, brand book e molti sistemi di gestione dei contenuti si aspettano valori #RRGGBB. Inserisci i valori HSL e copia il risultato HEX: hsl(262, 83%, 58%), ad esempio, diventa #7C3BED. Lo strumento mostra anche RGB, HSV e CMYK per lo stesso colore. Poiché l’HEX può memorizzare solo 256 livelli per canale, variazioni molto piccole dell’HSL non sempre cambiano il codice HEX.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.