HEX to HSL
Convert HEX to HSL. See worked examples, understand the conversion method, and check practical limits before using your result. Check the format first.
HEX to HSL color conversion
Use HEX to HSL when a design specification, stylesheet, or color editor needs a different representation of the same color. Start hexadecimal input with #, or use a lowercase rgb, rgba, hsl, hsla, or hsv function name. Select Submit, then check the target-format result before copying it.
How this conversion works
Decode each hexadecimal pair into its red, green, or blue channel, then use those channels to calculate the destination representation. For HSL output, normalize RGB, set lightness to (maximum + minimum) ÷ 2, and calculate saturation from the channel difference and lightness. Gray colors have no unique hue.
Worked color example
The sample #336699 corresponds to hsl(210, 50%, 40%) for the color coordinates illustrated here. Small differences in the final digits can result from rounding. This example explains the mathematical representation; it does not establish which input syntax this tool accepts.
Understand the formats
HEX encodes red, green, and blue as hexadecimal channel pairs. For #336699, the pairs 33, 66, and 99 correspond to decimal channel values 51, 102, and 153. HSL describes hue, saturation, and lightness. Lightness is halfway between the largest and smallest normalized RGB channels, rather than a direct measure of perceived brightness.
Transparency and rounding
Neither example has an explicit alpha channel. This conversion changes the way color coordinates are written. If you need transparency, use an alpha-capable representation and inspect its opacity value separately.
Frequently asked questions
Will the converted color look identical everywhere?
Equivalent coordinates describe the same color within the assumed color model. Displays, color profiles, surrounding colors, and backgrounds can affect appearance. Compare the result in the application where you will use it.
Can I interchange HSL lightness and HSV value?
No. They are different calculations. Recalculate the destination coordinates instead of moving the same percentages between HSL and HSV fields.
Related converters
Color converter tools | HSL to HEX | HEX to RGB | RGB to HSL
Similar tools
Convert HSL to HEX. See worked examples, understand the conversion method, and check practical limits before using your result. Check the format first.
Popular tools
Convert Bytes (B) to Nibbles (nibble). Check the formula, worked examples, unit definitions, precision, and related data tools.
Convert Bytes (B) to Pebibytes (PiB). Check the formula, worked examples, unit definitions, precision, and related data tools.
Use Base64 to Image to turn an encoded image representation into an image. Follow practical steps, review an example, and check the result before copying.
Use Bits (b) to Terabytes (TB) to convert data quantities. See the formula, worked examples, and unit definitions, with related converters for your next step.
Convert Kilobytes (KB) to Kilobits (Kb). Check the formula, worked examples, unit definitions, precision, and related data tools.
Convert Kibibits (Kib) to Tebibytes (TiB). Check the formula, worked examples, unit definitions, precision, and related data tools.