Convertitore HSL in RGB
Cos'è Convertitore HSL in RGB
Questo strumento converte i valori HSL (Tonalità 0–360°, Saturazione 0–100%, Luminosità 0–100%) in valori RGB (Rosso, Verde, Blu, ciascuno 0–255). Usalo quando hai un colore in formato HSL — comune in CSS e nei sistemi di design — e hai bisogno dell'equivalente RGB per JavaScript, elaborazione di immagini o strumenti di design.
Come usare
- Inserisci i valori di Tonalità (0–360), Saturazione (0–100) e Luminosità (0–100) nei campi HSL.
- I valori RGB e HEX si aggiornano istantaneamente.
- Clicca sul pulsante copia accanto a RGB per copiare nel formato rgb(r, g, b).
- Passa tra i 6 convertitori usando i link in alto.
Quando usarlo
Generi colori in JavaScript facendo scorrere la tonalità da 0–360 per un effetto arcobaleno? Quando scrivi i pixel in un oggetto Canvas ImageData ti servono i valori R, G, B separati in byte, non una stringa hsl(). Converti qui ogni output hsl() in rgb() e ottieni i numeri di ciascun canale, pronti da inserire direttamente nell'array.
Domande frequenti
Cos'è hsl(120, 100%, 50%) in RGB?
hsl(120, 100%, 50%) è rgb(0, 255, 0) — verde puro. Tonalità 120° è il verde sulla ruota dei colori.
Cos'è hsl(240, 100%, 50%) in RGB?
hsl(240, 100%, 50%) è rgb(0, 0, 255) — blu puro.
Cos'è hsl(60, 100%, 50%) in RGB?
hsl(60, 100%, 50%) è rgb(255, 255, 0) — giallo puro.
Quando usare HSL in RGB invece di HSL in HEX?
Usa HSL in RGB quando lavori con API o librerie che richiedono valori di canale numerici separati — come Canvas ImageData, WebGL, Three.js o librerie di elaborazione di immagini. Usa HSL in HEX quando hai bisogno di una stringa CSS o di un codice hex.
Posso condividere questo strumento con i miei dati precompilati?
Sì. L'URL si aggiorna automaticamente mentre digiti. Copia il link dalla barra degli indirizzi o usa il pulsante Condividi — chiunque lo apra vedrà i tuoi dati già inseriti.
Strumenti correlati
Convertitore RGB in HSL
Converti valori di colore RGB in HSL istantaneamente. Convertitore RGB in HSL con anteprima dal vivo. Perfetto per temi CSS e palette di colori.
Calcolatore di Rapporto d'Aspetto
Calcola il rapporto d'aspetto, trova la larghezza o l'altezza mancante e ridimensiona immagini e video mantenendo le proporzioni. Gratis.
Decodificatore Base64
Decodifica stringhe Base64 in testo semplice istantaneamente. Supporta output Unicode completo con emoji. Decodificatore Base64 gratuito.