Converts HSL (Hue, Saturation, Lightness) values to HEX color codes. HSL is popular in CSS for its intuitive color manipulation — change lightness for tints/shades or saturation for vibrancy. This tool gives you the corresponding HEX code for use in HTML, design tools, and anywhere hex colors are needed.
HSL to HEX Converter
Convert HSL notation to hexadecimal color codes
How to HSL to HEX
- 1.Enter an HSL value like hsl(11, 100%, 60%) in the input.
- 2.The HEX code and all other formats appear instantly.
- 3.Use the color picker for visual selection.
- 4.Copy any result with one click.
About This Tool
Frequently Asked Questions
Use the format hsl(hue, saturation%, lightness%). Hue is 0-360 degrees, saturation and lightness are 0-100%. Example: hsl(210, 80%, 50%) is a medium blue.
Yes — modern CSS fully supports hsl() and hsla() (with alpha channel). It is a valid CSS color value just like HEX and RGB.
No — both formats represent the same sRGB color space. There may be minor rounding since HEX uses integer values (0-255 per channel).