HEX to HSL Converter
Convert hex colors to HSL (hue, saturation, lightness) for easier theming and CSS variables.
100% client-side · no upload
How to use
- Type or paste a hex color code (e.g. #6366f1) into the input.
- Click Convert to HSL.
- Copy the CSS hsl() string or the individual H°, S%, L% values.
Related tools
More ways to use this tool
Frequently Asked Questions
- 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.
Last updated: By jarvisbox