Check color contrast (WCAG)

Measure the WCAG 2.1 contrast ratio between two colors and see whether they pass AA, AA Large and AAA for accessible text. Runs entirely in your browser.

Privacy-first: every image is processed locally in your browser. Nothing is uploaded, stored or transmitted to any server.

Contrast is an accessibility requirement, not taste

WCAG requires text to contrast with its background at 4.5:1 for normal text (AA) and 7:1 for AAA — legal territory for many organizations. Text laid over images fails constantly because designers judge contrast against the image’s average, while users read it against its lightest patch.

Measure against the real image

Pick your text color and sample the actual background from the image itself; the checker computes the ratio and grades it against AA and AAA thresholds for normal and large text. Fix failures by darkening the overlay or lightening the text — and re-measure until it passes. All local, nothing uploaded.

Frequently asked questions

Is my image uploaded for analysis?
No. Color extraction, histograms and contrast checks all run locally in your browser.
What color information can I get?
Dominant colors, a copyable palette with hex codes and share percentages, and full RGB and luminance histograms.
What is the contrast checker for?
It measures the WCAG 2.1 contrast ratio between two colors and shows whether they pass AA, AA Large and AAA for accessible text.
Can I copy the color codes?
Yes. Click any swatch to copy its hex code, or copy the entire palette at once.