TXT · Text & Data tools

HSL to HEX Converter

Active color#000000

hsl(0, 0%, 0%)

HSL Input
Hex Output
1Active Line0Valid Items
Go To Full Color Converter

Shareable link

Settings are written to the URL as you change them. Nothing differs from the defaults yet.

HSL to HEX conversion

Paste your hsl(h, s%, l%) strings into the input pane to receive their 6-digit #RRGGBB equivalent. The tool parses the hue, saturation, and lightness values and routes them through RGB space. The final integer channels are converted to base-16 and formatted as uppercase hex tokens.

Active color tracking

The visual color picker synchronizes with your cursor position. Clicking a line in the input pane updates the picker to preview that specific color. Dragging a new value in the picker automatically overwrites the active line with the updated HSL string.

Batch list processing

The tool processes multiple colors simultaneously. Paste a list of HSL values, one per line, to convert an entire palette at once. The output pane mirrors your line breaks, generating a matching list of hex values that can be copied directly to your clipboard.

Frequently Asked Questions

CSS hsl(h, s%, l%): hue in degrees (0–360) and saturation and lightness as percentages with the % sign. Paste one color per line for batch conversion.

The 6-digit form #RRGGBB in uppercase, for example #22D3EE.

HSL converts through integer RGB channels (0–255), so converting back to HSL can shift hue or a percentage by one. The visible difference is negligible.

When saturation is 0% the hue has no effect, and the hex code is a neutral gray set only by the lightness.

No.

Try one of our format-specific converters below

Full Color Converter tool

Explore Our Tools

Browse all tools