Website Color Contrast Checker
Check text and background contrast on any website and find colors that may be difficult to read.
How It Works
Check website color contrast in 3 simple steps
Enter Website URL
Paste any public website link like `https://example.com` into the URL box.
Rendered DOM Inspection
ToolJi loads the page in a secure browser, calculating relative luminance & contrast ratios.
Inspect & Fix Colors
View WCAG AA/AAA pass/fail status, inspect problematic colors, and copy compliant CSS suggestions.
Frequently Asked Questions
Everything you need to know about Color Contrast Analysis
What is a color contrast ratio?
A color contrast ratio measures the difference in relative luminance between foreground text color and background color, expressed as a ratio from 1:1 (lowest contrast) to 21:1 (highest contrast, black on white).
What is a good WCAG contrast ratio?
For normal body text, WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1, and Level AAA requires 7.0:1. For large text (18pt+ or 14pt+ bold), Level AA requires 3.0:1.
What is WCAG AA?
WCAG AA is the mid-level web content accessibility standard required by international accessibility guidelines and legal regulations for public web content.
What is WCAG AAA?
WCAG AAA is the highest level of web accessibility standard, offering maximum legibility for users with visual impairments or high-contrast needs.
Why is text contrast important?
Sufficient text contrast ensures that text is easily readable for all visitors, including elderly users, people with color vision deficiencies, or users viewing screens under bright sunlight.
Why can't some text contrast be calculated?
If text is positioned over complex background images, gradients, CSS canvas graphics, or translucent overlays, a single solid color contrast ratio cannot be calculated accurately.
Does a good contrast score mean the website is fully accessible?
No. Color contrast is a critical component of web accessibility, but complete WCAG compliance also requires keyboard navigation, screen reader ARIA support, and semantic HTML.