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.

Reverse

Enter HSL value

Converts to RGB

Fill in the HSL values above to see the result

Popular conversions

RGB → Hex Hex → RGB RGB → HSLHSL → RGBHex → HSL HSL → Hex RGB → CMYK CMYK → RGB

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.