Color Contrast Checker - WCAG
Check the WCAG contrast ratio between any two colors and see AA/AAA pass or fail. Pick colors from screen, runs locally.
- Version
- 3.0.3
This one is built but not on a store yet. The page is here so you can see what it does.
Guessing whether text is readable enough is risky — WCAG has exact numbers. This checker gives you the contrast ratio between a text colour and a background, and tells you which levels pass.
Type a hex value, use the colour picker, or sample any pixel on your screen with the eyedropper. You instantly see the ratio and whether it meets AA and AAA for both normal and large text, with a live preview of the two colours together. Swap text and background with one click.
Everything runs in the popup. No account, no upload; the only thing saved is your last two colours.
Screenshots
What it does
WCAG 2.1 contrast ratio for any two colours.
AA and AAA results for normal and large text.
Eyedropper to sample any colour on screen.
Live preview and one-click swap.
Runs locally
no login, no servers, no tracking.
How to use it
- 01Click the icon.
- 02Set the text and background colours — type hex, use the picker, or click the eyedropper to sample the screen.
- 03Read the ratio and the AA / AAA pass or fail badges.
Permissions & privacy
Single purpose
Single purpose: Calculate the WCAG contrast ratio between two colours and report AA/AAA conformance. Permission — storage: Used only to remember the user's last two colours locally (chrome.storage.local). No personal data stored. Host permissions: None. No host_permissions and no <all_urls>. The EyeDropper API samples screen colours without any host access. Remote code: None. All code is bundled; nothing is fetched or eval'd at runtime. Data collection / transmission: None. No data is collected, stored off-device, or transmitted. All processing is local.
Runs entirely in your browser. It stores only your last two colours locally and makes no network requests. Independent extension. It runs only the code shipped inside the package — no remote code is fetched.
Related extensions
SEO Toolkit5K+ usersAll-in-one SEO analysis: on-page score, SERP preview, keyword density, broken links, heading structure, and meta tag viewer.
Download Claude Artifacts - Save Code & Docs5 usersDownload Claude artifacts as files. Save every code block, doc, and app in a conversation with the correct file extension.
BugSnap2 usersOne-click bug reports with screenshot, console logs & environment info.
AI Credit Meter - v0, Lovable, BoltTrack your remaining credits on v0, Lovable and Bolt, with burn-rate and a projected run-out date. Read-only, all local.
GitHub Unfollowers & Un-stars TrackerSee who unfollowed you on GitHub, and who un-starred your repo — the thing GitHub never tells you. Official API, all local.
Page RulerMeasure any element on a webpage in pixels. Drag to measure areas, hover to see dimensions. Free ruler for designers.