Color Contrast Checker

About

Color Contrast Checker is a lightweight accessibility tool for checking WCAG color contrast ratios directly on any webpage. It features a clean two-column interface, requires no login, and has no paywalls.

Features:
* check contrast ratio between any two colors with real-time WCAG 2.1 results
* enter colors via HEX, RGB, or HSL with instant cross-format conversion
* see pass/fail status for AA Normal, AA Large, AAA Normal, and AAA Large levels
* live text preview showing both large and normal text on your chosen background
* pick text and background colors from any page element with one click
* use the eyedropper tool to sample any pixel color from screen
* swap foreground and background colors instantly
* save up to 50 color pairs locally for later reference
* get smart suggestions when contrast fails WCAG thresholds
* copy HEX values to clipboard with one click
* drag the widget anywhere on the page

How to use:
* install the extension from Chrome Web Store
* click the extension icon on any webpage to open the widget
* enter text and background colors in the Check tab using HEX, RGB, or HSL
* review the contrast ratio, WCAG results, and live preview
* use the Pick tab to extract colors from any element on the page
* save your accessible color pairs in the Saved tab

No data collection. No tracking. Works entirely offline and locally.

Try the web-based version: https://paintcolorconsultants.com/color-contrast-checker