Convertitore da HSL a RGBA
Converti tonalità, saturazione e luminosità in un valore rgba() pronto per la trasparenza in CSS.
Input hsl
Risultato · RGBA
rgba(255, 61, 119, 1)
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 RGBA
- 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.
HSL e RGBA
HSL e RGBA nascono da due modi diversi di pensare il colore. L’HSL definisce un colore tramite tonalità, saturazione e luminosità, il che rende facile progettare un insieme di sfumature correlate. L’RGBA lo definisce tramite i valori dei canali rosso, verde e blu da 0 a 255 più un canale alfa per l’opacità: il formato che si aspettano molte librerie JavaScript, il codice di disegno su canvas, gli strumenti per grafici e le basi di codice CSS più vecchie.
Il convertitore trasforma i tuoi valori HSL in rgba() con alfa impostato a 1, cioè completamente opaco. Modifica quell’ultimo numero per ottenere trasparenza: 0.8 per un pannello leggermente trasparente, 0.3 per un overlay su una foto, 0 per renderlo invisibile. Suggerimento: nel CSS moderno puoi anche aggiungere l’alfa direttamente all’HSL, come in hsl(160 60% 45% / 0.3), ma rgba() è la scelta più sicura quando una libreria o un modello email non supporta la sintassi più recente.
Tutto funziona in locale nel tuo browser: le tue immagini non vengono mai caricate su un server.