TheWCAG Color Contrast Checker
Extension Delisted
This extension is no longer available in the official store. Delisted on 2026-02-12.
Extension Actions
Check color contrast for WCAG 2.2 AA/AAA compliance. Eyedropper, auto-suggestions, page scanner & color history.
🎨 TheWCAG Color Contrast Checker - Your complete accessibility companion
Instantly check if your color combinations meet WCAG 2.2 accessibility standards. Whether you're designing websites, reviewing content, or ensuring compliance, this extension makes contrast checking fast and effortless.
✨ KEY FEATURES
🔍 EYEDROPPER TOOL
Pick any color directly from any webpage with a single click. Uses Chrome's native EyeDropper API for pixel-perfect color selection.
📊 INSTANT CONTRAST ANALYSIS
See your contrast ratio immediately with clear WCAG compliance indicators:
• Pass/Fail badges for AA and AAA levels
• Normal and large text requirements
• Real-time calculations as you type
💡 SMART COLOR SUGGESTIONS
Don't meet the requirements? Get instant color alternatives that do! Our suggestions use the OKLCH color space to preserve your color's character while adjusting only the lightness needed for compliance.
📱 FULL PAGE SCANNER
Analyze every text/background combination on any webpage at once. Quickly identify all contrast issues with a visual report showing:
• Total failures, warnings, and passes
• Click any result to jump to that element
• Export results as JSON or CSV for reports
📜 COLOR HISTORY
Never lose a color combination! Automatically saves your checked colors so you can quickly reuse them.
⚙️ CUSTOMIZABLE SETTINGS
• Dark mode support
• Set default WCAG level (AA or AAA)
• Configure for normal or large text
• Export/import your data
• Manage history size
🛠️ DEVELOPER TOOLS PANEL
Access the full contrast checker directly in Chrome DevTools (F12 > WCAG Contrast tab) for seamless integration into your workflow.
📋 MULTIPLE COLOR FORMATS
Enter colors in any format you prefer:
• HEX: #FF5500 or FF5500
• RGB: rgb(255, 85, 0)
• HSL: hsl(20, 100%, 50%)
• Named colors: red, navy, orange
📖 WCAG REQUIREMENTS REFERENCE
WCAG Level AA:
• Normal text: 4.5:1 minimum contrast
• Large text (18pt+ or 14pt bold): 3:1 minimum contrast
WCAG Level AAA:
• Normal text: 7:1 minimum contrast
• Large text: 4.5:1 minimum contrast
🔒 PRIVACY FOCUSED
• All data stored locally on your device
• No tracking or analytics
• No data sent to external servers
• Open source - review our code anytime
🌐 BROWSER SUPPORT
Works on Chrome 95+, Edge 95+, and other Chromium browsers.
Note: Cannot access Chrome Web Store or chrome:// pages (browser security restriction that applies to all extensions).
💻 OPEN SOURCE
This extension is completely open source. View, contribute, or fork the code:
https://github.com/WOLFIEEEE/TheWCAG-Extension
📚 LEARN MORE
Visit https://thewcag.com for comprehensive WCAG guidelines and accessibility resources.
---
Perfect for:
• Web designers checking color accessibility
• Developers ensuring WCAG compliance
• Content creators reviewing readability
• Accessibility auditors scanning websites
• Anyone who wants better color contrast!
Download now and make the web more accessible, one color at a time!
Latest reviews
- WOLFIE
- A good extension but can have some improvements like the suggestion can be little more extra overall it's good.
- John Row
- A handy little contrast checker that works right on the page you’re testing. Fast, clear, and saves you from guessing whether your colors actually meet WCAG or not.
- Khushwant Parihar
- A clean and practical color contrast checker that goes beyond basic pass/fail results. The history feature makes it easy to reuse and track tested color combinations during real design and accessibility workflows. Simple, fast, and genuinely useful for WCAG compliance work.