Color Contrast Checker

Check WCAG color contrast ratios, pick colors from any page, and save accessible pairs.

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