HSLA to HEX

HSLA to HEX color conversion

Use HSLA to HEX 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

Convert the HSL coordinates through RGB using chroma (1 - |2L - 1|) × S, with S and L normalized to 0 through 1. Handle alpha separately from the color-coordinate calculation. For HEX output, round each 8-bit RGB channel as needed and encode it using two hexadecimal digits. Plain #RRGGBB has no alpha pair.

Worked color example

The sample hsla(210, 50%, 40%, 0.8) corresponds to #336699 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

HSLA combines hue, saturation, and lightness with an alpha channel. Alpha is a separate opacity component; changing it does not recalculate the HSL coordinates. 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.

Transparency and rounding

The destination format shown here has no explicit alpha channel. A coordinate-only conversion cannot preserve transparency. Dropping alpha and compositing over a background are different operations; inspect the result and do not assume which operation this tool performs.

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 | HEX to HSLA | HSLA to RGB | HSLA to HSL