Workspace Files stay on your device
text · colour
HSL → HEX Converter
One colour per line. hsl(h, s%, l%) → #rrggbb (lowercase, exact rounding) and #rrggbb → hsl(h, s%, l%). Anything else is flagged on its line.
A little guidance. A better result.
How to use HSL → HEX Converter
hsl(h, s%, l%) → #rrggbb and back, exact, one per line.
Prepare your input
Enter HSL or HEX colours, one per line.
Use the workspace
Review the converted values.
Check your result
Check colour appearance in your target design tool.
Know the limits
Channel rounding can affect a round trip. No colour-management profile is applied.
Where does my input go?
This browser tool processes your input on your device. Optional analytics is a separate choice; it is not needed to use the tool. Keep your original until you have checked the result.
Read the privacy details →Made for the work in front of you.Report a problem ↗