HEX ↔ HSL

Convert colors between HEX and HSL for tweaking lightness and saturation in CSS.

Color

Output

Suggested Tools

Color Picker
Pick a color visually and copy HEX, RGB, or HSL values for CSS and design tools.
HEX ↔ RGB
Convert colors between HEX and RGB for CSS, canvas, and design handoff.
HEX ↔ HSV
Convert colors between HEX and HSV for hue-based editing and graphics tools.

HEX ↔ HSL maps #hex ↔ hsl() so you can adjust tone while keeping a HEX for tools that need it.

Paste HEX or HSL, run, and copy the converted value.

Please enable JavaScript.