HSL to HEX Converter

Convert HSL color values to HEX codes. Free online tool.

Input (HSL)

→

Output (HEX)

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76%, 47%, 0%, 4%)

What is HSL color format?

HSL (Hue, Saturation, Lightness) is a cylindrical color model that describes colors in terms more intuitive to humans. Hue is the color angle (0-360°), Saturation is the intensity (0-100%), and Lightness is the brightness (0-100%).

When to use HSL vs HEX?

Use HSL when working with color manipulation and programmatic adjustments. Use HEX when you need compact web-ready color codes.