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

  1. Paste a colour

    Any format — #3B82F6, rgb(59,130,246), hsl(217,91%,60%) — detected automatically.

  2. Use any output

    Every format shown in copyable rows, plus a live swatch so your eyes confirm what the numbers say.

  3. 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.