HSL to RGB Converter
Convert HSL to rgb() for canvas drawing, SVG attributes, native apps and any API that expects numeric channel values rather than a hue angle.
Live Preview
rgb(37, 99, 235)
hsl(221, 83%, 53%)
Popular color conversions
About HSL to RGB Converter
HSL to RGB conversion produces the channel intensities needed by canvas APIs, image processing, and older CSS workflows that still expect rgb() values.
Adjust hue, saturation, and lightness. The RGB channels update live so you can copy rgb(r, g, b) or continue to HEX.
hsl(217, 91%, 60%) → rgb(37, 99, 235)
Prefer rgba() when you need opacity. Convert to RGB first, then add an alpha channel in CSS.
Need all formats at once? Open the full Color Converter, or read the HEX to RGB CSS guide.
Frequently Asked Questions
How do I convert HSL to RGB?
Enter your HSL value in the converter (or use the color picker). The RGB equivalent updates instantly so you can copy it into CSS or design tools.
Is this HSL to RGB converter free?
Yes. It is completely free and requires no account or signup.
Are my colors uploaded to a server?
No. All conversion runs locally in your browser. Color values never leave your device.
Is HSL to RGB conversion lossless?
Yes for standard sRGB colors. HEX, RGB, and HSL describe the same color with different models, so round-trips stay accurate for typical web colors.