Tiny Toolkit

HSL to HEX Converter

Convert HSL color values to a HEX code instantly. Enter hue (0 to 360), saturation (0 to 100%), and lightness (0 to 100%) and get the corresponding hex color code for CSS or design tools. RGB and RGBA outputs are included so you have every format without a second conversion.

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

Frequently Asked Questions

How do I enter HSL values?
Type an HSL value in CSS format, such as hsl(239, 84%, 67%), directly into the input field. The tool parses it and outputs the equivalent HEX, RGB, and RGBA values immediately.
Why would I need to convert HSL back to HEX?
Design tools like Figma and Sketch often use HEX or RGB. If you've been working with HSL values in CSS and need to hand off a color to a designer or paste it into a tool that expects HEX, this converter handles it instantly.
What is the valid range for each HSL component?
Hue is 0 to 360 (degrees). Saturation and lightness are 0% to 100%. Values outside these ranges are clamped to the nearest valid value.
Does it support HSLA with transparency?
Yes. Enter an hsla() value with an alpha channel and the tool will convert all channels, showing RGBA and HEX with alpha in the output.

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. Enter any hex value and get the red, green, and blue channel values ready to use in CSS or code.