Converting HSL to HEX
HSL expresses a color as a hue angle plus saturation and lightness percentages, which maps closely to how people think about color. HEX is the six-digit hexadecimal notation (like #A855F7) used throughout HTML and CSS to describe screen colors.
HSL and HEX both describe on-screen color, so the conversion is exact and lossless. HSL is handy for designing palettes and tweaking colors intuitively in CSS, while HEX is better for web design, CSS, and sharing exact brand colors.
This HSL to HEX converter works instantly in your browser: type or pick a HSL color and the HEX value updates live, along with every other common format so you can copy whichever you need. Nothing is sent to a server, and it is completely free with no limits.
When do you need HEX?
Reach for HEX when you are working on web design, CSS, and sharing exact brand colors. Designers and developers routinely convert HSL to HEX to move a color between a design workflow and a web one without eyeballing it. If you want to grab a color straight from an image instead of typing it, try our color picker from image, or build a full scheme with the palette generator.
You can also convert in the other direction with our HEX to HSL converter, or jump to any other format — the tool always shows HEX, RGB, HSL, HSV, and CMYK side by side.