RGB to HSL 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%)

 

HSL to RGB conversion ►

 


See also

Write how to improve this page

  URL
  Name
  E-mail