Convert a CSS hex color (#RRGGBB) into HSL (hue, saturation, lightness) components. HSL separates chroma from luminance, which is useful for theme tweaks and accessibility adjustments.
Output channels
| Channel | Range |
|---|---|
| Hue (H) | 0–360 degrees |
| Saturation (S) | 0–100 percent |
| Lightness (L) | 0–100 percent |
When to use it
- Derive hover/active variants by shifting lightness
- Communicate brand colors to designers who work in HSL
- Cross-check conversions against design tools
Limitations
Accepts six-digit hex only (optional leading #). Alpha channels and three-digit shorthand are not supported in this subtool. Rounding may differ slightly from other converters by ±1 on S or L.