Convertitore da HEX a HSL
Converti un codice colore HEX in tonalità, saturazione e luminosità per creare facilmente sfumature più chiare e più scure.
Input hex
Risultato · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Come si usa: Da HEX a HSL
- 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.
Colori HEX e HSL
L’HEX è il modo in cui si scrivono i colori in CSS e negli strumenti di design: un # seguito da tre coppie di cifre esadecimali per rosso, verde e blu. L’HSL descrive lo stesso colore nel modo in cui lo pensano le persone: la tonalità come angolo sulla ruota dei colori da 0 a 360°, saturazione e luminosità in percentuale.
Convertire in HSL è comodo quando ti servono varianti di un colore: mantieni la tonalità e cambia la luminosità per ottenere sfumature più chiare e più scure per stati hover, sfondi e bordi. I browser capiscono entrambe le notazioni, ad esempio hsl(342, 100%, 62%). Incolla un codice di tre o sei cifre, con o senza il simbolo #, e copia il risultato hsl(); vengono mostrati anche RGB, HSV e CMYK.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.