Come converto RGB in HSL?

Inserisci rosso, verde e blu da 0 a 255. Lo strumento calcola tonalita (0-360), saturazione (0-100%) e luminosita (0-100%) e mostra CSS hsl() copiabile. Esempio: rgb(255, 0, 0) e hsl(0, 100%, 50%).

Posso convertire HSL in RGB?

Si. Modifica H, S o L e canali RGB, CSS rgb(), HEX e swatch si aggiornano insieme. H avvolge a 360; S e L clamp 0-100.

Cosa significano H, S e L?

H e angolo colore sulla ruota (0 rosso, 120 verde, 240 blu). S e vividezza (0% grigio, 100% colore pieno). L e quanto e chiaro (0% nero, 50% puro, 100% bianco).

Perche H e 0 per grigio?

Grigi hanno 0% saturazione, quindi H non e definito e questo convertitore riporta 0. Cambiare H su grigio non fa nulla finche non alzi saturazione.

E uguale a HEX in RGB?

No. Convertitore HEX-RGB e per codici #rgb / #rrggbb, piu CMYK, contrasto e snippet token. Questo tool e percorso bidirezionale RGB HSL. Abbinali quando spec mescola HEX e HSL.

Il colore lascia il dispositivo?

No. Convertitore RGB-HSL interamente nel browser. Valori non caricati o salvati su server.

Strumenti convertitore

Convertitore RGB in HSL

Converti RGB (0-255) in HSL (tonalita, saturazione, luminosita) e viceversa nel browser.

rgb(20, 184, 166)hsl(173, 80%, 40%)

RGB

= hsl(173, 80%, 40%)

HSL

= rgb(20, 184, 166)

HEX #14b8a6

Informazioni su Convertitore RGB in HSL

Converti RGB (0-255) in HSL (tonalita, saturazione, luminosita) e viceversa nel browser. Digita canali, scegli colore o clicca preset - swatch live, CSS rgb() e hsl() si aggiornano insieme. Per fogli di stile, design token e passaggio tra tool con modelli colore diversi. Nulla caricato.

Come usare Convertitore RGB in HSL

Inserisci R, G e B da 0 a 255 - o scegli colore con picker nativo.
Leggi valori H, S e L corrispondenti (H 0-360, S e L 0-100%).
Modifica H, S o L per convertire al contrario; RGB e swatch si aggiornano subito.
Copia CSS rgb() o hsl() (o HEX) per foglio di stile - nessuna registrazione.

Esempi di Convertitore RGB in HSL

Rosso puro

rgb(255, 0, 0) -> hsl(0, 100%, 50%).

Tailwind blue-500

rgb(59, 130, 246) -> hsl(217, 91%, 60%).

Grigio neutro

rgb(128, 128, 128) -> hsl(0, 0%, 50%). H e 0 perche grigio non ha saturazione.

HSL in RGB

hsl(120, 100%, 50%) -> rgb(0, 255, 0) (verde puro).

Leggi la guida completa

Come utilizzare Convertitore RGB in HSL: guida completa (2026) - 5 min di lettura

Domande frequenti su Convertitore RGB in HSL

Come converto RGB in HSL?: Inserisci rosso, verde e blu da 0 a 255. Lo strumento calcola tonalita (0-360), saturazione (0-100%) e luminosita (0-100%) e mostra CSS hsl() copiabile. Esempio: rgb(255, 0, 0) e hsl(0, 100%, 50%).
Posso convertire HSL in RGB?: Si. Modifica H, S o L e canali RGB, CSS rgb(), HEX e swatch si aggiornano insieme. H avvolge a 360; S e L clamp 0-100.
Cosa significano H, S e L?: H e angolo colore sulla ruota (0 rosso, 120 verde, 240 blu). S e vividezza (0% grigio, 100% colore pieno). L e quanto e chiaro (0% nero, 50% puro, 100% bianco).
Perche H e 0 per grigio?: Grigi hanno 0% saturazione, quindi H non e definito e questo convertitore riporta 0. Cambiare H su grigio non fa nulla finche non alzi saturazione.
E uguale a HEX in RGB?: No. Convertitore HEX-RGB e per codici #rgb / #rrggbb, piu CMYK, contrasto e snippet token. Questo tool e percorso bidirezionale RGB <-> HSL. Abbinali quando spec mescola HEX e HSL.
Il colore lascia il dispositivo?: No. Convertitore RGB-HSL interamente nel browser. Valori non caricati o salvati su server.

Convertitore HEX in RGB

Converti HEX in RGB (e viceversa) con HSL, CMYK, rampa tinte-ombre, card contrasto WCAG e snippet token CSS - convertitore codici colore gratuito.

Convertitore PX in REM

Converti px in rem ed em online con dimensione font base configurabile. Convertitore px in rem gratuito con tabella di riferimento rapida. Gira nel browser.

Generatore gradienti CSS

Crea gradienti CSS lineari, radiali e conici con anteprima live. Scegli color stop, copia CSS background e incolla nel foglio di stile. Gira nel browser.