RGB to HSL Converter
Convert RGB colors to HSL format instantly. Use the tool to input RGB values (0–255) and get the HSL equivalent.
Popular RGB to HSL Conversions
| Color | RGB | HSL | HEX | |
|---|---|---|---|---|
|
Red
|
rgb(255, 0, 0) | hsl(0, 100%, 50%) | #FF0000 | Details → |
|
Blue
|
rgb(0, 0, 255) | hsl(240, 100%, 50%) | #0000FF | Details → |
|
Green
|
rgb(0, 204, 0) | hsl(120, 100%, 40%) | #00CC00 | Details → |
|
Yellow
|
rgb(255, 255, 0) | hsl(60, 100%, 50%) | #FFFF00 | Details → |
|
Cyan
|
rgb(0, 255, 255) | hsl(180, 100%, 50%) | #00FFFF | Details → |
|
Magenta
|
rgb(255, 0, 255) | hsl(300, 100%, 50%) | #FF00FF | Details → |
|
Orange
|
rgb(255, 128, 0) | hsl(30, 100%, 50%) | #FF8000 | Details → |
|
Purple
|
rgb(128, 38, 217) | hsl(270, 70%, 50%) | #8026D9 | Details → |
|
Pink
|
rgb(255, 107, 181) | hsl(330, 100%, 71%) | #FF6BB5 | Details → |
|
Teal
|
rgb(34, 145, 145) | hsl(180, 62%, 35%) | #229191 | Details → |
|
Coral
|
rgb(255, 128, 82) | hsl(16, 100%, 66%) | #FF8052 | Details → |
|
Navy
|
rgb(0, 0, 128) | hsl(240, 100%, 25%) | #000080 | Details → |
|
Lime
|
rgb(119, 179, 0) | hsl(80, 100%, 35%) | #77B300 | Details → |
|
Maroon
|
rgb(128, 0, 0) | hsl(0, 100%, 25%) | #800000 | Details → |
|
Sky Blue
|
rgb(137, 207, 235) | hsl(197, 71%, 73%) | #89CFEB | Details → |
|
Gold
|
rgb(255, 217, 0) | hsl(51, 100%, 50%) | #FFD900 | Details → |
|
Silver
|
rgb(191, 191, 191) | hsl(0, 0%, 75%) | #BFBFBF | Details → |
|
Lavender
|
rgb(195, 161, 236) | hsl(267, 67%, 78%) | #C3A1EC | Details → |
|
Crimson
|
rgb(219, 20, 60) | hsl(348, 83%, 47%) | #DB143C | Details → |
|
Turquoise
|
rgb(62, 224, 207) | hsl(174, 72%, 56%) | #3EE0CF | Details → |
Color of the Day
Vivid Cyan
#40EDDF
Did You Know?
CSS adopted hsl() in CSS3 (2011), but the concept of HSL dates back to 1938 when the Munsell color system used a similar idea.
May 08, 2026
Recent Conversions
Converted rgb(255, 107, 181) to HSL
10m ago
Converted rgb(119, 179, 0) to HSL
28m ago