RGB to HSL converter | color conversion

RGB to HSL color space converter and conversion formula.

RGB to HSL converter

Enter red, green and blue color levels (0..255) and press the Convert button:

Enter red color (R):
Enter green color (G):
Enter blue color (B):
Hue (H):	°
Saturation (S):	%
Lightness (L):	%
Color preview:

RGB to HSL conversion formula

The R,G,B values are divided by 255 to change the range from 0..255 to 0..1:

R' = R/255

G' = G/255

B' = B/255

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

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

Δ = Cmax - Cmin

 

Hue calculation:

 

Saturation calculation:

 

Lightness calculation:

L = (Cmax + Cmin) / 2

RGB to HSL color table

Color	Color name	Hex	(R,G,B)	(H,S,L)
	Black	#000000	(0,0,0)	(0°,0%,0%)
	White	#FFFFFF	(255,255,255)	(0°,0%,100%)
	Red	#FF0000	(255,0,0)	(0°,100%,50%)
	Lime	#00FF00	(0,255,0)	(120°,100%,50%)
	Blue	#0000FF	(0,0,255)	(240°,100%,50%)
	Yellow	#FFFF00	(255,255,0)	(60°,100%,50%)
	Cyan	#00FFFF	(0,255,255)	(180°,100%,50%)
	Magenta	#FF00FF	(255,0,255)	(300°,100%,50%)
	Silver	#C0C0C0	(192,192,192)	(0°,0%,75%)
	Gray	#808080	(128,128,128)	(0°,0%,50%)
	Maroon	#800000	(128,0,0)	(0°,100%,25%)
	Olive	#808000	(128,128,0)	(60°,100%,25%)
	Green	#008000	(0,128,0)	(120°,100%,25%)
	Purple	#800080	(128,0,128)	(300°,100%,25%)
	Teal	#008080	(0,128,128)	(180°,100%,25%)
	Navy	#000080	(0,0,128)	(240°,100%,25%)