HEX to HSL Converter
This online tool converts color values from HEX format (used in web design) to HSL format.
Enter a HEX color code (e.g., #FF5733) to get its Hue, Saturation, and Lightness values.
Enter your HEX color code here:
How it Works?
- Enter a valid HEX value (e.g., #FF0000).
- The script converts HEX to RGB, then RGB to HSL format.
- The HSL values and a color preview are displayed below the input.
What is a Hex?
A Hex (short for Hexadecimal color code) is a way to represent colors in digital design using a six-digit combination of numbers and letters.
It's widely used in web design and CSS to specify colors.
What is an HSL?
HSL stands for Hue, Saturation, and Lightness.
it's a way to describe colors that's often more intuitive than RGB or Hex.
Hue represents the color type and is measured in degrees on a color wheel from 0° to 360°, where 0° corresponds to red, 120° to green, 240° to blue, and all colors in between.
Saturation describes the intensity or purity of the color, ranging from 0% (which is gray or no color) to 100% (full color).
Lightness indicates how light or dark the color is, varying from 0% (black) to 100% (white), with 50% considered normal brightness.