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

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