HSL to RGB

Turn any HSL value into rgb() instantly, no signup needed.

Step one — Paste your hsl() value

Also accepts bare numbers, like 243, 75, 59.

Step two — Your RGB color

Step three — The same color, every format

Converting HSL to RGB

Screens, canvases and many APIs expect red, green and blue numbers, not hue and lightness. This tool turns an hsl() value into its rgb() equivalent so a color you tuned by hand is ready for code.

How to use it

Enter your HSL value, such as hsl(210, 100%, 56%).
Read the rgb() result and copy it.
For a hex code instead, use HSL to HEX.

Worked example: hsl(210, 100%, 56%) becomes rgb(30, 144, 255).

When you need it

Use it when drawing to a canvas, feeding an RGB-only library, or adding opacity, where RGBA takes over. To pick the color in HSL first, the HSL picker has you covered.

Why does the same hue give different RGB at different lightness?

Lightness scales the channels up or down, so the same hue produces brighter or darker RGB values.