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:
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)×255, (G'+m)×255,(B'+m)×255)
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) |