Convert colours
HEX, RGB, HSL — pasted from anywhere, in every format you might need next, with a live swatch.
Runs on your device
No uploads, ever
Free, no account
How it works
- Paste a colour
Any format — #3B82F6, rgb(59,130,246), hsl(217,91%,60%) — detected automatically.
- Use any output
Every format shown in copyable rows, plus a live swatch so your eyes confirm what the numbers say.
- Check it against white and black
Contrast ratios are shown for both, with the WCAG threshold marked — the quiet accessibility service this tool insists on.
Questions people actually ask
Why do the HSL numbers look different from my design app?
HSL is a transform, not storage. A designer's picker can be HSL-based while the file stores HEX; the actual colour is identical.
What contrast ratio do I need?
4.5:1 for normal text, 3:1 for large text — AA. The card says whether you're above or below, so you find out here rather than from an accessibility audit.