What ranges do the HSL inputs use?

Hue is 0 to 360 degrees, while saturation and lightness are each 0 to 100 percent. Values outside those ranges are clamped automatically.

Can I get a hex code too?

Yes. Alongside the rgb() value the tool also shows the matching hex code, so you can use whichever format your project needs.

Is my colour data uploaded?

No. The conversion runs entirely in your browser using JavaScript — nothing is uploaded.

HSL to RGB Converter

Convert hue, saturation and lightness into RGB values.

HSL to RGB converter

Enter a colour as hue, saturation and lightness and get the equivalent RGB value — plus the matching hex code — instantly, with a live swatch.

HSL makes it easy to dial in a colour by feel, then this tool gives you the rgb() and #rrggbb forms for CSS or design tools. Everything runs in your browser — nothing is uploaded.