HSL to HEX Converter
Enter an hsl() value or use the H, S, L fields below. The HEX and RGB equivalents update as you type.
HEX
RGB
HSL to HEX Conversion
The conversion goes through two steps. First, HSL is converted to RGB using a standard algorithm that maps hue, saturation, and lightness to red, green, and blue channel values. Then each RGB channel (0–255) is formatted as a two-digit hexadecimal string and concatenated.
For example, hsl(217, 100%, 61%) → rgb(58, 134, 255) → #3a86ff.