Skip to content
ColoursCube logoColoursCube
Convert

HSL to Hex

Convert HSL to Hex in one step. Paste your values and get instant results—see the same color in all formats.

to

Enter HSL value

?
H
°
S
%
L
%
Converts to Hex
Fill in the HSL values above to see the result

Popular conversions

RGB → HexHex → RGBRGB → HSLHSL → RGBHex → HSLHSL → HexRGB → CMYKCMYK → RGB

Conversion guide

HSL to Hex — How it works

How HSL to Hex conversion works

HSL (Hue, Saturation, Lightness) is converted to hex by first converting HSL → RGB using the standard formulas (hue angle and chroma determine the RGB mix), then converting each RGB channel to two hex digits. The result is a standard #RRGGBB hex code you can use in CSS, design tools, or code.

Example: HSL(30°, 100%, 50%) → RGB(255, 128, 0) → #FF8000. Enter any HSL value above to get the exact hex and other formats.