Advertisement — 728×90
Image
Color Picker Contrast Checker Color Mixer Gradient Maker HEX to RGB RGB to HEX HEX to Decimal Decimal to HEX HEX to Pantone HEX to ASCII ASCII to HEX HEX to Date Color Name Finder HEX to HSL HEX to CMYK RGBA Generator Tints & Shades CSS Variables
Wheel Chart Names Palettes Artists
HEX to RGB RGB to HEX HEX to Decimal Decimal to HEX HEX to Pantone HEX to ASCII ASCII to HEX HEX to Date HEX to HSL HEX to CMYK
Blog Color Stories

HEX to HSL Converter

Convert any HEX color to HSL — and fine-tune Hue, Saturation and Lightness with live sliders.

#FF5C3A hsl(11, 100%, 61%)
11°
100%
61%
CSS hsl()
hsl(11, 100%, 61%)Copy
CSS hsl() — modern syntax
hsl(11deg 100% 61%)Copy
HEX
#FF5C3ACopy
RGB
rgb(255, 92, 58)Copy
HSLA (full opacity)
hsla(11, 100%, 61%, 1)Copy
Hue rotation — 30° steps
Lightness scale
Common HEX → HSL reference
ColorHEXHSL
Advertisement — 300×250
Advertisement
Advertisement
Hex #FF5C3A
RGB 255, 92, 58
HSL 11° 100% 61%
Copied!
#FF5C3A
rgb(255, 92, 58)
Full page →