HEX to HSL Converter

Color Converter

HEX Color Code

Preview

#4F46E5

HEX

#4F46E5

RGB

79, 70, 229

HSL

hsl(243, 75%, 59%)

HSL (CSS)

243, 75%, 59%

How to Use

Enter a HEX color code in the input field (e.g., #FF5733 or FF5733)
Or use the color picker to visually select a color
The converter will instantly display the HSL values
Click the "Copy" button next to any value to copy it to your clipboard
The live preview shows your selected color in real-time

Frequently Asked Questions

What is HEX color format?

HEX color codes are hexadecimal representations of RGB colors, using a # followed by 6 digits (or 3 for shorthand). Each pair of digits represents the red, green, and blue components (00-FF = 0-255).

What is HSL color format?

HSL stands for Hue, Saturation, and Lightness. Hue is a degree on the color wheel (0-360), Saturation is a percentage (0-100%), and Lightness is also a percentage (0-100%). HSL is often more intuitive for human color selection.

How do I convert HSL back to HEX?

You can use our HSL to HEX converter tool for the reverse conversion, or any of our other color tools available on this site.