Convert
HSL to RGB
Convert HSL to RGB in one step. Paste your values and get instant results—see the same color in all formats.
Popular conversions
Conversion guide
HSL to RGB — How it works
How HSL to RGB conversion works
HSL values (Hue 0–360°, Saturation 0–100%, Lightness 0–100%) are converted back to RGB by treating the hue as an angle on the color wheel and computing how much red, green, and blue contribute at that angle, then adjusting for saturation and lightness. The math involves intermediate chroma and X values derived from the hue.
Example: HSL(0°, 100%, 50%) → RGB(255, 0, 0). HSL(120°, 100%, 50%) → RGB(0, 255, 0) (green). Paste any HSL value in the converter above to get exact RGB and hex.