Color Contrast Checker (WCAG)

Test any color pair against WCAG AA and AAA thresholds.

100% client-side Free forever No sign-up

Large text 24px — Aa Bb Cc

Normal text 16px — The quick brown fox jumps over the lazy dog.

Runs 100% in your browser — nothing is ever uploaded.

What is Contrast?

Check text/background contrast against WCAG 2.1: live ratio, AA/AAA pass-fail for normal and large text. Free tool. Enter a value and watch the result update instantly — no waiting and no page reloads. No installation, no account and no upload: the whole process happens client-side in your browser, which keeps your data 100% private.

How to use Contrast

  1. Open Contrast — it runs instantly in your browser.
  2. Enter your value or adjust the interactive controls.
  3. The result updates in real time as you type.
  4. Copy the result with one click and use it anywhere.

Frequently asked questions

Is Contrast really free?

Yes — Contrast is 100% free with no limits, no watermarks and no registration. You can use it as often as you like, on as many files or inputs as you need.

Is my data safe when I use Contrast?

Absolutely. Contrast runs entirely in your browser using JavaScript — your input is processed on your own device and is never uploaded to any server.

Does Contrast work on mobile devices?

Yes. Contrast works in any modern browser on desktop, tablet and mobile (Chrome, Firefox, Safari, Edge) — there is no app to install.

Are my images uploaded when I make favicons?

No. The favicon generator resizes your image with the canvas API entirely in your browser and packs the results into a ZIP locally. Your artwork never leaves your device.

Is the generated CSS production-ready?

Yes — the gradient generator outputs standard, modern CSS that works in every current browser, ready to paste into your stylesheet.

What favicon sizes do I get?

The full modern set: favicon.ico (16/32/48), PNGs at 16, 32, 180 (Apple touch), 192 and 512 (Android/PWA), plus a ready-made HTML snippet and webmanifest.