Home›Color Tools›Color converter› HSL to HEXBrowser
HSL to HEX
You reason about a palette in HSL and then have to ship it — most design tools, brand guidelines and older CSS still expect a hex value.
Every notation is shown at once — the conversion is the same in either direction.
- HEX
- #2F6FEB
- RGB
- rgb(47, 111, 235)
- HSL
- hsl(220, 82%, 55%)
- CSS variable
- --brand: #2f6feb;
Other presets
Same tool, a different requirement.