Free Color Converter (HEX, RGB, HSL)
Something not working? Report a problem
About the Color Converter
Convert colors between HEX, RGB and HSL with a live swatch and contrast check — paste any format or use the picker, all in your browser.
How to use the Color Converter
- 1Paste a color in any format — #ff8800, rgb(255, 136, 0) or hsl(32, 100%, 50%) — or use the picker.
- 2See the color as a live swatch with all three formats side by side.
- 3Check whether black or white text reads better on it.
- 4Click Copy next to the format you need.
Frequently asked questions
Which color formats does this support?
HEX (#f80 or #ff8800), RGB and HSL — in both directions. Paste any of them and get the other two instantly.
When should I use HSL instead of HEX or RGB?
HSL separates hue, saturation and lightness, so it's the easiest format to adjust by hand — make a color darker by lowering L, or muted by lowering S, without recalculating everything.
What does the contrast check tell me?
The WCAG contrast ratio of black and white text on your color. Aim for at least 4.5:1 for body text — the badge shows which text color passes.
Why did my HSL value shift slightly after converting?
HSL values are rounded to whole numbers, and not every HSL triple maps to a whole RGB value. The visible difference is imperceptible — under half a percent.
Does this tool upload anything?
No — all conversion happens instantly in your browser.