ColorContrast — WCAG & APCA Contrast Checker

Free accessibility tool: scan any page for WCAG contrast violations, get APCA scores, simulate color blindness, one-click fixes.

Free color contrast checker for WCAG & APCA. Scan any page, pick colors with the eyedropper, get AAA-compliant alternatives, and simulate color blindness —all in a floating panel on your page. 🔍 ONE-CLICK PAGE SCANNER Scan any website for WCAG AA/AAA contrast violations. Each result shows the element tag, text, foreground/background swatches, and exact ratio. Click any result to jump to the element on the page with a red highlight and floating label. 🎨 WCAG + APCA DUAL ENGINE Get WCAG 2.1 AA/AAA pass/fail results side by side with APCA perceptual contrast scores (WCAG 3.0 candidate). Font-size-aware thresholds for both standards. ✅ AAA ALTERNATIVES WITH ONE CLICK When a color pair fails, get alternatives that pass AAA (7:1 minimum). Algorithm searches across saturation and lightness to find the closest visual match to your original hue. One click applies the new color. 👁 COLOR BLINDNESS SIMULATOR Preview your colors under deuteranopia, protanopia, tritanopia, and achromatopsia. See simulated contrast ratios and WCAG badges for each CVD type. 💉 BUILT-IN EYEDROPPER Pick any color directly from the page using the native EyeDropper API. No manual hex typing needed. 🔒 100% PRIVATE —NO DATA COLLECTION All calculations run locally in your browser. No account required. No data sent anywhere. No analytics. No tracking. The extension will always be free. 📦 FLOATING DRAGGABLE PANEL The checker lives on the page as a resizable, draggable card —not a separate window or popup. Position it anywhere, resize it, and keep browsing without losing context. Works on any website. Google Chrome and Chromium-based browsers (Edge, Brave, Arc, Opera).