Tiny Toolkit

HSL to RGB Converter

Convert an HSL color to RGB instantly. Paste any color in any format and get HEX, RGB, RGBA, HSL, and HSLA all at once with one-click copy.

All processing happens in your browser. No data is sent to any server.

Frequently Asked Questions

Why would I convert HSL to RGB?
Some environments and libraries expect RGB values: canvas APIs, image processing libraries, older design tools, and certain CSS-in-JS setups. Converting from HSL (where you often design) to RGB (where you sometimes need to deliver) is a common workflow step.
Does this only accept HSL input?
No. The input accepts any CSS color format: HSL, HSLA, HEX, RGB, RGBA, or a named color. All six output formats are shown at once so you can copy whichever you need.
What is the valid input format for HSL?
Type a standard CSS HSL value such as hsl(239, 84%, 67%). Hue is a number from 0 to 360, saturation and lightness are percentages from 0% to 100%. HSLA with an alpha value like hsla(239, 84%, 67%, 0.5) is also supported.
Does it support transparency?
Yes. Enter an hsla() value with an alpha channel and the tool outputs RGBA and 8-digit HEX alongside the standard formats. The color preview uses a checkerboard background to show transparency.

Related Tools

Color Lightener & Darkener

Generate tints and shades of any color. Click any swatch to copy its HEX, RGB, or HSL code.

Color Code Converter

Convert colors between HEX, RGB, RGBA, HSL, HSLA, and CSS named colors instantly.

HEX to RGB Converter

New

Convert a HEX color code to RGB instantly. Paste any color value and get HEX, RGB, RGBA, HSL, and HSLA all at once — each with a one-click copy button.