HSL to RGB Converter
Convert any HSL color to RGB instantly. Enter H (0-360), S (0-100), and L (0-100) values below.
Popular HSL to RGB Conversions
| Color | HSL | RGB | HEX | |
|---|---|---|---|---|
|
Red
|
hsl(0, 100%, 50%) | rgb(255, 0, 0) | #FF0000 | Details → |
|
Blue
|
hsl(240, 100%, 50%) | rgb(0, 0, 255) | #0000FF | Details → |
|
Green
|
hsl(120, 100%, 40%) | rgb(0, 204, 0) | #00CC00 | Details → |
|
Yellow
|
hsl(60, 100%, 50%) | rgb(255, 255, 0) | #FFFF00 | Details → |
|
Cyan
|
hsl(180, 100%, 50%) | rgb(0, 255, 255) | #00FFFF | Details → |
|
Magenta
|
hsl(300, 100%, 50%) | rgb(255, 0, 255) | #FF00FF | Details → |
|
Orange
|
hsl(30, 100%, 50%) | rgb(255, 128, 0) | #FF8000 | Details → |
|
Purple
|
hsl(270, 70%, 50%) | rgb(128, 38, 217) | #8026D9 | Details → |
|
Pink
|
hsl(330, 100%, 71%) | rgb(255, 107, 181) | #FF6BB5 | Details → |
|
Teal
|
hsl(180, 62%, 35%) | rgb(34, 145, 145) | #229191 | Details → |
|
Coral
|
hsl(16, 100%, 66%) | rgb(255, 128, 82) | #FF8052 | Details → |
|
Navy
|
hsl(240, 100%, 25%) | rgb(0, 0, 128) | #000080 | Details → |
|
Lime
|
hsl(80, 100%, 35%) | rgb(119, 179, 0) | #77B300 | Details → |
|
Maroon
|
hsl(0, 100%, 25%) | rgb(128, 0, 0) | #800000 | Details → |
|
Sky Blue
|
hsl(197, 71%, 73%) | rgb(137, 207, 235) | #89CFEB | Details → |
|
Gold
|
hsl(51, 100%, 50%) | rgb(255, 217, 0) | #FFD900 | Details → |
|
Silver
|
hsl(0, 0%, 75%) | rgb(191, 191, 191) | #BFBFBF | Details → |
|
Lavender
|
hsl(267, 67%, 78%) | rgb(195, 161, 236) | #C3A1EC | Details → |
|
Crimson
|
hsl(348, 83%, 47%) | rgb(219, 20, 60) | #DB143C | Details → |
|
Turquoise
|
hsl(174, 72%, 56%) | rgb(62, 224, 207) | #3EE0CF | Details → |
Color of the Day
Indigo
#6A3190
Did You Know?
RGB values of (0, 0, 0) = pure black and (255, 255, 255) = pure white — every monitor in the world agrees on this.
Jun 22, 2026
Recent Conversions
Converted HSL(270, 70%, 50%) to RGB
17m ago
Converted HSL(16, 100%, 66%) to RGB
12m ago