HEX to HSL Converter
Enter a hex color code to get the HSL components and CSS-ready hsl() string instantly.
100% client-side · no upload
H (°)
239
S (%)
84
L (%)
67
hsl(239, 84%, 67%) How to use
- Click the color swatch or type a hex code in the input field.
- The H (hue 0–360°), S (saturation 0–100%), and L (lightness 0–100%) values update instantly.
- Click Copy to copy the CSS
hsl()string to your clipboard.
Related color tools
- HEX to RGB Converter — get red, green, blue components
- Tints & Shades Generator — lighter and darker variants
- Analogous Colors Generator — harmonious color schemes
Preguntas frecuentes
- Is this HEX to HSL converter free?
- Yes, completely free with no signup and no usage limits.
- Does my color data leave my device?
- No. All conversion runs in JavaScript inside your browser. Nothing is sent to any server.
- Does it work on mobile?
- Yes. The tool is mobile-first and works on iPhone Safari and Android Chrome.