HSL to RGB Color Converter

Convert HSL (hue, saturation, lightness) color values to RGB instantly.

By AbraCalc Editorial Team · Reviewed by AbraCalc Methodology Review · Last reviewed: 2026-06-25

Embed this tool on your site

<iframe src="https://abracalc.com/converter/hsl-to-rgb/embed.html" width="340" height="320" style="border:1px solid #e4e7ec;border-radius:12px" loading="lazy"></iframe>

How to use this tool

Enter the hue (0–360°), saturation (0–100%), and lightness (0–100%).
The tool outputs the equivalent red, green, and blue values (0–255).
Copy the rgb() string into CSS or read the individual R, G, B numbers.

Convert HSL (Hue, Saturation, Lightness) values back to RGB for use in images, Canvas, or anywhere RGB is required.

Frequently asked questions

How does HSL to RGB conversion work?: The algorithm converts saturation/lightness to intermediate values, then maps the hue angle to separate R, G, B channels using a piecewise function.
What is hsl(120, 100%, 50%)?: That is pure green: rgb(0, 255, 0).

References & sources