Advertisement — 728×90
HTML
Color
Hex
Image
Tools
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
Color Name Finder
HEX to HSL
HEX to HSL
HEX to CMYK
HEX to CMYK
RGBA Generator
RGBA Generator
Tints & Shades
Tints & Shades
CSS Variables
CSS Variables
HEX to Binary
Binary to HEX
HEX to Base64
HEX to Pantone
HEX to Tailwind
HEX to RAL
HEX to UIColor
Wheel
Chart
Names
Palettes
Artists
Convert
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 HSL
HEX to CMYK
HSL to HEX
HEX to CMYK
CMYK to HEX
HEX to HSV
HSV to HEX
HEX to RGBA
RGBA to HEX
HEX to Binary
Binary to HEX
HEX to Octal
HEX to Base64
HEX to ASCII
ASCII to HEX
Blog
Color Stories
Log in
Sign up
Search
✕
Image
Tools
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
Color Name Finder
HEX to HSL
HEX to HSL
HEX to CMYK
HEX to CMYK
RGBA Generator
RGBA Generator
Tints & Shades
Tints & Shades
CSS Variables
CSS Variables
HEX to Binary
Binary to HEX
HEX to Base64
HEX to Pantone
HEX to Tailwind
HEX to RAL
HEX to UIColor
Wheel
Chart
Names
Palettes
Artists
Convert
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 HSL
HEX to CMYK
HSL to HEX
HEX to CMYK
CMYK to HEX
HEX to HSV
HSV to HEX
HEX to RGBA
RGBA to HEX
HEX to Binary
Binary to HEX
HEX to Octal
HEX to Base64
HEX to ASCII
ASCII to HEX
Blog
Color Stories
Log in
Sign up
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%)
HEX Color Code
Convert
Hue
11°
Saturation
100%
Lightness
61%
CSS hsl()
hsl(11, 100%, 61%)
Copy
CSS hsl() — modern syntax
hsl(11deg 100% 61%)
Copy
HEX
#FF5C3A
Copy
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
Color
HEX
H
S
L
Advertisement — 300×250
Advertisement
Advertisement
✕ Close
Hex
#FF5C3A
RGB
255, 92, 58
HSL
11° 100% 61%
Copied!
View Details ▸
✕
#FF5C3A
rgb(255, 92, 58)
Full page →
✕