HEX to HSL Converter
Convert hexadecimal color codes to HSL hue, saturation, and lightness values.
About this tool
What is HEX to HSL Converter?
Convert 3-digit or 6-digit HEX colors into HSL values directly in your browser. HSL represents color using hue, saturation, and lightness, which can be convenient when adjusting themes, generating variations, and working with CSS.
How to use
Get your result in a few steps
- 1
Enter a 3-digit or 6-digit HEX color.
- 2
Click 'Run Tool'.
- 3
Review the HSL result.
- 4
Copy the HSL value when finished.
Frequently asked questions
Questions about HEX to HSL Converter
Does Avorqin send my color values to a server?
No. These color and design tools process the values you enter directly in your browser.
Do I need an account to use these color tools?
No. Avorqin color tools can be used without creating an account.
Can I use the generated values in CSS?
Yes. HEX, RGB, HSL, and generated gradient values can be copied into CSS and other design or development workflows as appropriate.
Keep exploring
Related tools
CMYK to RGB Converter
Convert CMYK percentages to approximate RGB color values.
Color Contrast Checker
Check the contrast ratio between foreground and background colors against common WCAG thresholds.
Color Converter
Convert a color between HEX, RGB, HSL, and CMYK formats.
Color Palette Generator
Generate complementary, analogous, triadic, tetradic, split-complementary, or monochromatic color palettes.
Color Picker
Pick a color visually and instantly view its HEX, RGB, HSL, and CMYK values.
CSS Gradient Generator
Create a two-color CSS linear gradient and copy the generated background declaration.