HSL to RGB

Convert HSL (hue, saturation, lightness) values to RGB and HEX, with a live color preview — free, fast and private.

Enter HSL values to convert.

How to use HSL to RGB

  1. Enter the hue (0-360), saturation (0-100%) and lightness (0-100%).
  2. Click Convert to RGB.
  3. See the RGB and HEX values plus a preview swatch.
  4. Copy the values for your CSS.

Note: this tool runs in your browser. Nothing is uploaded.

Frequently Asked Questions

What range can each value be?

Hue 0 to 360, saturation 0 to 100, lightness 0 to 100. Out-of-range values show an error.

What is hue 0 and hue 360?

Both are red — the color wheel wraps around, so 0 and 360 are the same color.

Does it also give a HEX code?

Yes, the output includes both the RGB value and the matching HEX code.

Is my data uploaded anywhere?

No. The conversion runs entirely in your browser.

Related Tools