Convertitore da RGB a HSL
Converti i valori di rosso, verde e blu in tonalità, saturazione e luminosità per regolare più facilmente i colori in CSS.
Input rgb
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 RGB 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.
RGB e HSL a confronto
RGB costruisce un colore a partire da tre canali di luce, il che si adatta agli schermi ma è difficile da regolare a mano: rendere rgb(255, 61, 114) un po’ più scuro significa cambiare tutti e tre i numeri. HSL descrive lo stesso colore come tonalità, un angolo sulla ruota dei colori da 0 a 360°, più saturazione e luminosità in percentuale, così quel rosa diventa hsl(344, 100%, 62%).
Questa struttura rende l’HSL ideale per creare sfumature e temi. Mantieni tonalità e saturazione e abbassa la luminosità per ottenere uno stato hover o premuto, alzala per uno sfondo tenue, oppure riduci la saturazione per una versione più smorzata. Tutti i browser moderni accettano hsl() in CSS, quindi puoi incollare direttamente il risultato. Il convertitore arrotonda i valori a numeri interi, quindi riconvertendo un canale può spostarsi di un’unità.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.