Can I edit the HEX or RGB fields instead of HSL?

Yes — HEX, RGB and HSL are fully two-way: change any one and the others update to match.

Why use HSL instead of HEX or RGB?

HSL separates hue from saturation/lightness, so tweaking a shade (e.g. making a color darker) is one field instead of recalculating all three RGB channels.

Does this tool upload my color anywhere?

No — conversion runs entirely in your browser.

HSL to HEX Converter

Convert HSL values to a HEX color code (and RGB).

HSL

HEX

RGB

CMYK

Approximate - not an ICC color profile conversion.

Related tools

HEX to RGB Converter
RGB to HEX Converter
SVG & Vector Studio
Contrast Checker (WCAG)

How it works

1
Enter H, S, L values
Hue 0-360, saturation and lightness 0-100%.
2
HEX and RGB appear instantly
Both update live as you type.
3
Copy the HEX code
Ready to paste into CSS, a design tool or code.

FAQ

Can I edit the HEX or RGB fields instead of HSL?: Yes — HEX, RGB and HSL are fully two-way: change any one and the others update to match.
Why use HSL instead of HEX or RGB?: HSL separates hue from saturation/lightness, so tweaking a shade (e.g. making a color darker) is one field instead of recalculating all three RGB channels.
Does this tool upload my color anywhere?: No — conversion runs entirely in your browser.