top of page

HSL to Hex Converter

Convert HSL colour values into a hexadecimal colour code.

How to use HSL to Hex Converter

1. Enter Hue, Saturation %, Lightness %. 2. Hue wraps around 360 degrees, including negative hue. Saturation and lightness must be 0–100; alpha and colour-profile conversion are excluded. 3. Select Convert or press Enter. 4. Select Copy result to copy the answer, or Reset to clear the form and result.

Why use this tool?

Hue wraps around 360 degrees, including negative hue. Saturation and lightness must be 0–100; alpha and colour-profile conversion are excluded.

How the calculation works

Convert HSL to RGB, round each 8-bit channel and encode hexadecimal. Hue wraps around 360 degrees, including negative hue. Saturation and lightness must be 0–100; alpha and colour-profile conversion are excluded. Counts and dimensions use the declared rounding convention; other numbers display up to three decimal places where applicable. Nonzero subsecond durations are labelled. Durations round to the nearest second; nonzero subsecond durations are labelled. File-size output units are decimal. Changing an input label does not convert filled values.

Example

Worked example: Hue = 0; Saturation % = 100; Lightness % = 50. Result: #FF0000.

Practical tip

Check the input labels and assumptions against the hsl to hex task before reusing the number.

Frequently asked questions

What exactly does HSL to Hex Converter calculate?

Convert HSL to RGB, round each 8-bit channel and encode hexadecimal.

Which units or counting rules apply?

Hue wraps around 360 degrees, including negative hue. Saturation and lightness must be 0–100; alpha and colour-profile conversion are excluded.

Does this inspect, change or upload my files?

This page calculates the entered values or text in the browser. Numeric image/media tools do not transform files. Check the worked example and stated counting basis; the result does not certify device, search-engine or accessibility outcomes.

Related tools

bottom of page