Empowering a brighter world through superior education is our commitment.

Online Calculators & Tools

HSL to RGB color conversion

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

Enter hue value (H): (°) 
Enter saturation value(S): (%) 
Enter lightness value(L): (%) 
   
Hex code (#): 
Red color: 
Green color: 
Blue color: 
Color preview: 


Color table

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

 

RGB to HSL conversion

 


In the realm of digital design and programming, the transformation of colors is a common task. One such transformation that frequently comes into play is converting colors from HSL to RGB. If you've found yourself in need of vibrant shades for your project, understanding the HSL to RGB color conversion is essential.

The HSL to RGB color conversion process is straightforward once you grasp the underlying formula. Let's delve into the basics. The conversion from HSL to RGB involves a simple formula that seamlessly translates your color preferences.
To perform HSL to RGB color conversion, you need to follow a set formula that ensures accuracy in maintaining the color's integrity. Whether you're a seasoned designer or a coding enthusiast, having this formula at your fingertips can save time and effort.