1. Inserisci un valore
Digita un numero nel campo di inserimento.
Convertire RGB in HSL
Questo convertitore converte istantaneamente. Inserisci un valore e il risultato appare subito.
Loading tool editor...
Quando serve convertire RGB in HSL?
HSL (Tonalità, Saturazione, Luminosità) è una rappresentazione di colore più intuitiva. Tonalità = angolo colore (0–360°), Saturazione = intensità (0–100%), Luminosità = chiaro/scuro (0–100%).
HSL facilita le variazioni: luminosità per tinte/ombre, saturazione per versioni smorzate/vivaci, tonalità per colori complementari.
Tutti i calcoli vengono eseguiti localmente nel tuo browser.
Come usare il convertitore?
2. Leggi il risultato
Il risultato appare istantaneamente.3. Copia o inverti
Copia il risultato o inverti la direzione di conversione.
Quando è utile questo convertitore?
Manipolazione CSS
HSL facilita gli stati hover: scurire riducendo L, desaturare riducendo S.Design system
Crea scale di colore coerenti variando la luminosità.Teoria del colore
HSL corrisponde al cerchio cromatico. Complementare = H+180°.Accessibilità
La luminosità HSL aiuta a garantire contrasto sufficiente.
Cosa rende diverso questo convertitore?
Privacy totale
Tutti i calcoli vengono eseguiti localmente nel tuo browser.Risultati in tempo reale
Il risultato si aggiorna mentre digiti.Conversione bidirezionale
Converti in entrambe le direzioni con un clic.Tabella di riferimento
Tabella con valori comuni e descrizioni contestuali.
Come funziona la conversione?
Normalizza RGB a 0–1. Trova max e min. L = (max + min) / 2.
HSL è completamente reversibile — da HSL a RGB si ottiene esattamente lo stesso colore.
Come funziona la conversione?
Normalizza RGB a 0–1. Trova max e min. L = (max + min) / 2.
HSL è completamente reversibile — da HSL a RGB si ottiene esattamente lo stesso colore.
RGB vs HSL – confronto
| Caratteristica | RGB | HSL |
|---|---|---|
| Modello | Canali additivi | Tonalità/Saturazione/Luminosità |
| Valori | 0–255 per canale | H: 0–360°, S/L: 0–100% |
| Intuitivo | Difficile da prevedere | Facile da regolare |
| Teoria colore | Non basato su cerchio | Corrisponde al cerchio cromatico |
| CSS | rgb(R, G, B) | hsl(H, S%, L%) |
RGB
- Modello
Canali additivi - Valori
0–255 per canale - Intuitivo
Difficile da prevedere - Teoria colore
Non basato su cerchio - CSS
rgb(R, G, B)
HSL
- Modello
Tonalità/Saturazione/Luminosità - Valori
H: 0–360°, S/L: 0–100% - Intuitivo
Facile da regolare - Teoria colore
Corrisponde al cerchio cromatico - CSS
hsl(H, S%, L%)
Converti RGB in altre unità
Esplora altri convertitori di unità
Domande frequenti
Aiutaci a migliorare i nostri strumenti
Hai un'idea, trovato un bug o vuoi suggerire una funzionalità? Scrivici – rispondiamo entro 24 ore.