Color contrast checker (WCAG)
Check WCAG contrast ratio between text and background colors. Supports HEX/RGB input, AA/AAA checks, preview, and shareable links. Browser-only MVP.
Tool details
Work#color#contrast#wcag#accessibility#a11y
Categories and tags help you find similar tools faster.
How it works
- Open the tool and enter your inputs.
- Copy or share the result (share link encodes state in the URL).
- Adjust until everyone agrees on the rule.
Why this exists
- W3C WCAG 2.2: Contrast (Minimum) (Success Criterion 1.4.3)
- WebAIM: Contrast Checker
- Reddit: designers discussing low contrast UI issues
Links show the real-world friction. The tool itself does not upload your data.
Related tools
FAQ
Does this tool upload my data?
No by default. Most tools run locally in your browser. See the Privacy page for details.
What does “Share link” do?
It encodes your inputs into the URL hash so you can share without a server.
Is the result “official” or legally/financially accurate?
It’s a calculator, not advice. For critical cases, verify with official sources.