Convertitore da HSL a RGB
Inserisci tonalità, saturazione e luminosità e ottieni i valori corrispondenti dei canali rosso, verde e blu da 0 a 255.
Input hsl
Risultato · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Come si usa: Da HSL a RGB
- 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.
Da HSL a RGB
L’HSL è un modo comodo per progettare i colori: scegli una tonalità sulla ruota dei colori (0° è il rosso, 120° il verde, 240° il blu), poi imposti la saturazione — quanto è vivace il colore — e la luminosità, dove 0% è il nero, 50% la tonalità pura e 100% il bianco. Gli schermi, però, lavorano in RGB, cioè con la luminosità dei loro subpixel rossi, verdi e blu, quindi un colore HSL viene sempre convertito prima di essere mostrato.
Ti servono i valori RGB quando un software non accetta l’HSL: molti editor grafici, le API dei colori di Android e iOS, le strisce LED, i motori di gioco e le librerie di grafici si aspettano tre numeri di canale. Digita i tre valori HSL e lo strumento mostra il risultato RGB insieme a HEX, HSV e CMYK. Ad esempio, hsl(200, 80%, 40%) dà rgb(20, 129, 184). Poiché l’HSL si inserisce in numeri interi, valori vicini producono a volte lo stesso colore RGB.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.