Online RGB to HSL color conversion

Online Web Code Test | Online Image Picker | Online Color Picker

RGB to HSL color conversion

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:  

HSL to RGB conversion ►

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

 

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 #BFBFBF (191,191,191) (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%)


Online Color Calculators

Online Web Code Test | Online Image Picker | Online Color Picker

Color Calculators