Language
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)

HSL to HEX Converter

Convert HSL color values to HEX codes. Perfect for converting intuitive HSL colors to web-ready HEX.

The HSL to HEX Converter transforms HSL (Hue, Saturation, Lightness) values into hexadecimal color codes. This is useful when you've designed colors using HSL and need HEX codes for web development.

  1. Enter your HSL values (e.g., 217, 91%, 60%)
  2. The HEX code will be generated automatically
  3. Click the copy button to copy the result
  4. View all color formats in the panel below
  • Real-time conversion as you type
  • Flexible input format
  • Color preview for visual verification
  • One-click copy to clipboard
  • Shows all color formats (HEX, RGB, HSL, HSV, CMYK)
What HSL values are valid?
Hue: 0-360 (degrees), Saturation: 0-100%, Lightness: 0-100%.
Do I need to include the % symbol?
The converter handles both formats - with or without the % symbol for saturation and lightness.
What happens if values are out of range?
The converter will show an error if values are outside the valid ranges.
Click to pick
rgb(59, 130, 246)
Click to pick
#3B82F6
Click to pick
hsl(217, 91%, 60%)
Click to pick
#3B82F6
Click to pick
hsl(217, 91%, 60%)
Click to pick
cmyk(76%, 47%, 0%, 4%)
Enter HSL as h, s%, l% or hsl(h, s%, l%)
Hue is 0-360, Saturation and Lightness are 0-100%
Degree symbol (°) is optional
Want to learn more? Read documentation →
1/4
Start typing to search...
Searching...
No results found
Try searching with different keywords