Contrast Check

Check WCAG contrast ratios between foreground and background colors.

Contrast Check helps you verify readable color pairs against WCAG guidelines. How it works: • Pick foreground (text) and background colors with the color pickers or hex fields • See a live preview and the contrast ratio instantly • Get Pass/Fail for WCAG AA and AAA (normal and large text) • Optional: Sample text or background color from the current page with one click WCAG checks included: • AA normal text — 4.5:1 • AA large text — 3:1 • AAA normal text — 7:1 • AAA large text — 4.5:1 Privacy: • Runs only in your browser • No account, no sync, no server • Page colors are read locally when you choose to sample an element Free and offline — useful for designers, developers, and accessibility reviews.