Conversione dei colori da RGB a HSL

Immettere i livelli di colore rosso, verde e blu (0..255) e premere il pulsante Converti :

Inserisci il colore rosso (R):
Inserisci il colore verde (G):
Inserisci il colore blu (B):
Tonalità (H):	°
Saturazione (S):	%
Leggerezza (L):	%
Anteprima a colori:

Conversione da HSL a RGB ►

Formula di conversione da RGB a HSL

I valori R , G , B vengono divisi per 255 per modificare l'intervallo da 0..255 a 0..1:

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Calcolo della tonalità:

 

Calcolo della saturazione:

 

Calcolo della leggerezza:

L = (Cmax + Cmin) / 2

Tabella dei colori da RGB a HSL

Colore	Colore nome	Esadecimale	(R, SOL, SI)	(H,S,L)
	Nero	#000000	(0,0,0)	(0°,0%,0%)
	Bianco	#FFFFFF	(255.255.255)	(0°,0%,100%)
	Rosso	#FF0000	(255,0,0)	(0°,100%,50%)
	Lime	#00FF00	(0,255,0)	(120°,100%,50%)
	Blu	#0000FF	(0,0,255)	(240°,100%,50%)
	Giallo	#FFFF00	(255.255.0)	(60°,100%,50%)
	Ciano	#00FFFF	(0,255,255)	(180°,100%,50%)
	Magenta	#FF00FF	(255,0,255)	(300°,100%,50%)
	Argento	#BFBFBF	(191,191,191)	(0°,0%,75%)
	Grigio	#808080	(128,128,128)	(0°,0%,50%)
	Marrone	#800000	(128,0,0)	(0°,100%,25%)
	Oliva	#808000	(128,128,0)	(60°,100%,25%)
	Verde	#008000	(0,128,0)	(120°,100%,25%)
	Viola	#800080	(128,0,128)	(300°,100%,25%)
	Verde acqua	#008080	(0,128,128)	(180°,100%,25%)
	Marina Militare	#000080	(0,0,128)	(240°,100%,25%)

 

Conversione da HSL a RGB ►

 

---

Guarda anche

• Come convertire RGB in esadecimale
• Convertitore da esadecimale a RGB
• Convertitore da HSL a RGB

Funzionalità dello strumento di conversione dei colori da RGB a HSL

1. Converti valori RGB in valori HSL: lo strumento consente agli utenti di inserire valori RGB (rosso, verde, blu) e li converte nei corrispondenti valori HSL (tonalità, saturazione, luminosità).

2. Converti valori HSL in valori RGB: lo strumento consente inoltre agli utenti di inserire valori HSL e li converte nei corrispondenti valori RGB.

3. Input colore personalizzato: gli utenti possono inserire i propri valori RGB o HSL da convertire nell'altro formato.

4. Selettore colore: alcuni strumenti di conversione colore da RGB a HSL possono includere una funzione di selezione colore, che consente agli utenti di selezionare un colore da una tavolozza visiva o regolando i cursori per i valori RGB o HSL.

5. Anteprima del colore risultante: lo strumento dovrebbe visualizzare un'anteprima del colore risultante dopo la conversione, in modo che gli utenti possano vedere come appare il colore.

6. Conversione di più colori: alcuni strumenti possono consentire agli utenti di convertire più colori contemporaneamente, inserendo più set di valori o utilizzando un campione di colore o una tavolozza.

7. Libreria o tavolozza dei colori: alcuni strumenti possono includere una libreria o una tavolozza di colori predefiniti che gli utenti possono selezionare o utilizzare come riferimento.

8. Design reattivo: lo strumento dovrebbe essere reattivo e funzionare bene su una varietà di dispositivi, come computer desktop, tablet e smartphone.

9. Visualizzazione dello spazio colore HSL: alcuni strumenti possono includere una visualizzazione dello spazio colore HSL, che può aiutare gli utenti a capire come diversi valori HSL corrispondono a colori diversi.

10. Opzione per regolare i valori HSL come percentuali o gradi: alcuni strumenti possono consentire agli utenti di inserire i valori HSL come percentuali o gradi, a seconda delle loro preferenze.