Convert

Hex to HSL

Convert Hex to HSL in one step. Paste your values and get instant results—see the same color in all formats.

Reverse

Enter Hex value

Converts to HSL

Fill in the Hex values above to see the result

Popular conversions

RGB → Hex Hex → RGB RGB → HSL HSL → RGBHex → HSLHSL → Hex RGB → CMYK CMYK → RGB

Conversion guide

Hex to HSL — How it works

How Hex to HSL conversion works

Hex to HSL is a two-step process: first the hex code is converted to RGB (each pair of hex digits becomes a 0–255 value), then RGB is converted to HSL using the same hue/saturation/lightness formulas used for RGB→HSL. This gives you a hue angle (0–360°), saturation (0–100%), and lightness (0–100%) that many design tools and CSS use.

Example: #FF8000 (orange) → RGB(255, 128, 0) → HSL(30°, 100%, 50%). Use the converter above to get HSL (and other formats) from any hex code.