Convertitore di colore da RGB a HSL
Trasforma i valori dei canali rosso, verde e blu nel modello di colore HSL, ottenendo la tonalità in gradi più saturazione e luminosità in percentuale.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
Come funziona questo calcolatore?
Dividi ogni canale RGB per 255, poi prendi il massimo e il minimo. La luminosità è la loro media, la saturazione è la croma divisa per (1 − |2L − 1|), e la tonalità deriva dal canale dominante. Il risultato è HSL: tonalità in gradi più saturazione e luminosità in percentuale.
Formula
How this is calculated
Inserisci i tre canali RGB (R, G, B), ciascuno da 0 a 255. I valori vengono limitati a quell'intervallo e divisi per 255 così che ogni canale diventi una frazione tra 0 e 1. La più grande delle tre frazioni è max e la più piccola è min.
La luminosità è il punto medio degli estremi, L = (max + min) / 2. La croma d = max − min determina la saturazione: S = d / (1 − |2L − 1|), che è 0 per qualsiasi grigio in cui max è uguale a min. La tonalità si ricava da qualunque canale sia il massimo — il rosso dà 60·(((g−b)/d) mod 6), il verde dà 60·((b−r)/d + 2) e il blu dà 60·((r−g)/d + 4); un risultato negativo viene avvolto aggiungendo 360.
Gli output sono H in gradi (0–360°), e S e L scalati in percentuali (×100). Per i grigi puri (R = G = B) tonalità e saturazione sono entrambe 0 e varia solo la luminosità. La conversione è esatta e senza perdite a parte l'arrotondamento percentuale mostrato.
Domande frequenti
Quando R, G e B sono identici il colore è una sfumatura di grigio, quindi la croma (max − min) è zero. Senza contenuto cromatico non c'è tonalità né saturazione, cambia solo la luminosità dal nero al bianco.
La tonalità è riportata in gradi da 0 a 360°, mentre saturazione e luminosità sono percentuali da 0% a 100%. Ciò corrisponde alla notazione CSS hsl(), così puoi incollare i valori direttamente nei fogli di stile.
No. La luminosità HSL è la media del canale più chiaro e di quello più scuro, quindi i colori puri si collocano al 50% di luminosità. Il valore HSV usa solo il canale massimo, quindi i due modelli riportano numeri diversi per lo stesso colore.
Conosciuto anche come
TG we-Calculate Editorial Team. (2026). Convertitore di colore da RGB a HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/it/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Convertitore di colore da RGB a HSL." TG we-Calculate. 2026. https://we-calculate.com/it/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Convertitore di colore da RGB a HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/it/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Convertitore di colore da RGB a HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/it/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Questo calcolatore ti è stato utile?