HSL to HEX Converter
Type a HSL value and get HEX straight away. Everything runs in your browser — nothing is sent to a server.
HOW
How the conversion works
Hue, saturation and lightness are converted back to RGB, and each channel is written as two hexadecimal digits. Saturation reads strongest at 50% lightness.
EXAMPLES
HSL to HEX examples
| Color | HSL | HEX |
|---|---|---|
| Red | hsl(0, 100%, 50%) |
#FF0000 |
| Tomato | hsl(9, 100%, 64%) |
#FF6347 |
| Orange | hsl(39, 100%, 50%) |
#FFA500 |
| Gold | hsl(51, 100%, 50%) |
#FFD700 |
| Limegreen | hsl(120, 61%, 50%) |
#32CD32 |
| Teal | hsl(180, 100%, 25%) |
#008080 |
| Dodgerblue | hsl(210, 100%, 56%) |
#1E90FF |
| Royalblue | hsl(225, 73%, 57%) |
#4169E1 |
| Blueviolet | hsl(271, 76%, 53%) |
#8A2BE2 |
| Hotpink | hsl(330, 100%, 71%) |
#FF69B4 |
MORE