HSL to RGB color conversion

HSL to RGB color space converter and conversion formula.

HSL to RGB converter

Enter hue in degrees (º), saturation and lightness (0..100%) and press the Convert button:

Enter hue (H): º
Enter saturation (S): %
Enter lightness (L): %
   
     
RGB hex code (#):  
Red color (R):  
Green color (G):  
Blue color (B):  
Color preview:  

HSL to RGB conversion formula

When 0 ≤ H < 360, 0 ≤ S ≤ 1 and 0 ≤ L ≤ 1:

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60º) mod 2 - 1|)

m = L - C/2

(R,G,B) = (R'+m, G'+m, B'+m)

HSL to RGB color table

Color Color

name

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

 

RGB to HSL conversion ►

 


See also

Write how to improve this page