Free tools, no sign-up — everything runs in your browser.
ToolHub 1000Free online tools

HSL to RGB Converter

Convert hue, saturation and lightness values to RGB and hex colour.

Quick answer: enter your details below and click Convert colour — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
H
Developer

Enter your details below.

How to use

  1. Enter the hue from 0 to 360.
  2. Enter saturation and lightness from 0 to 100.
  3. Press the button to see the RGB values and hex code.

About this tool

HSL describes colour by hue around a colour wheel, saturation from grey to vivid, and lightness from black to white, which many people find easier to reason about than raw red, green and blue channels. This tool converts an HSL colour to its RGB channels and the matching hex code. Hue wraps around at 360 degrees, and saturation and lightness must stay between 0 and 100. The conversion is exact for the usual colour model, though screens may still render the same values slightly differently.

Frequently asked questions

What does hue 0 mean?

Hue 0 sits at red on the colour wheel. Values run around the wheel, with 120 at green, 240 at blue, and 360 wrapping back to red.

What happens at lightness 0 or 100?

Lightness 0 is always black and 100 is always white, whatever the hue and saturation are.

Related tools

All tools · Read the guide: HSL to RGB Converter