DevTilt

HEX to HSL Converter

Go from hex to hsl() in one step. The engine converts through RGB internally — you only see the HSL result.

Result

Type a hex color to see hsl() output.

How to convert HEX to HSL

  1. Type or paste a hex color.
  2. hsl() output updates automatically.
  3. Copy the result.
  4. Use HSL to HEX for the reverse conversion.

FAQ

No. This route converts hex → HSL directly using the shared color engine.
Yes. #abc expands to #aabbcc before conversion.
Yes. Nothing leaves your device.
Different tools round hue, saturation, and lightness differently. This page uses the same math as other DevTilt color routes — compare against CSS hsl() specs, not a specific design app's internal model.
8-digit #RRGGBBAA inputs convert through RGB including alpha when present. Opaque 6-digit hex produces hsl() without alpha.

Related tools