To check the color contrast between foreground and background of the texts
- By:
- Jorge Rumoroso
- Users:
- 80,000+
- Rating:
- 4.13 (30)
0.04
- Version:
- 3.8.4 Last updated: 2024-03-03
- Creation date:
- 2020-06-26
- Risk:
- High risk impact Very low risk likelihood
- Permissions:
- activeTab
- storage
- webNavigation
- activeTab
- Host permissions:
- <all_urls>
- <all_urls>
- Size:
- 166.91K
- Email:
- ru*****@gmail.com
- Full description:
- See detailed description ⏷
- Source:
- Chrome Web Store
- Updated:
- a day ago
Ranking
User reviews
Pros
- Automatically loads all contrast pairs found on the page without manual selection
- Provides actual contrast ratios, not just pass/fail grades
- Allows manual entry of color values
- Includes support for simulating different types of color-blindness
- Auto-updates results as the page changes, saving time
- Distinguishes between large/small and normal/bold text according to WCAG 2.2 standards
- Easy and fast to use with a useful interface for visualizing accessibility issues
Cons
- Does not work well on localhost environments or with local PDFs
- Issues detecting some colors correctly, including CSS color-mix and text shadows
- Difficult to locate specific elements from the contrast pairs list when multiple similar elements exist
- No option to change the panel position from left to right side of the page
- Lacks an eyedropper tool for selecting custom colors
- Recent update requesting access to browser history raised privacy concerns
- Overlay panel sometimes hides parts of the page without adjusting viewport or showing the element clearly in DOM
Recent reviews
It understandably doesn't detect the background color correctly when the background is an element with opacity over a background image. When this happens, I'd like to manually select the background color to confirm the contrast is high enough, but when I select the correct background color with the eyedropper tool, the contrast listed doesn't update. The color is picked correctly, except as an rgba color with an alpha of 0. It does this even if the color I'm picking has no opacity. I have to go to an external tool to convert this to a hex color and paste it back in as a hex to get the contrast checker to update. It would save a lot of time if the eyedropper tool picked a hex color.
Once I manually correct a background color, it would also help if I could save this at least until the page reloads, so I can more easily identify which colors I haven't checked yet.
by
Human Person, 2025-05-06
It seems it doesn't work on localhost, at lest with Svelte develoment environement, so not very useful
by
Paolo Pantaleo, 2025-04-11
I tried a bunch of contrast checking extensions and settled on this one!
What I liked:
1) Immediately loads all the contrast pairs it finds in the page with no need to manually capture areas.
2) Provides the actual contrast ratios, not just a pass/fail grade.
3) You can still manually enter colour values if you want.
4) Has an awesome feature where you can quickly switch between different types of colour-blindness to see how those conditions impact the contrasts!
Limitations:
1) Some pages will have problem areas such as text on background images which this system can not account for.
2) In a complex page, it can be difficult to identify a specific area in the page to find its contrast report. It needs to be located in reverse: clicking on the contrast pairs list items puts a red border on that element in the page (& scrolls to it). This helps, but some are still hard to locate.
3) The grading system only offers two levels (WCAG2.2 AA & AAA). It would be nice to have a custom field to set a targeted standard.
4) It would be nice if the custom colour entry had an eye-dropper tool. This would assist in problems 1 & 2.
by
Wednesday Dessauer, 2025-01-29
Extension safety
Risk impact
WCAG Color contrast checker requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.
Risk impact analysis details
- Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- High ****** ********* ** * ****** ******** ******** ********** * ******* ******* *****
- High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
Risk likelihood
WCAG Color contrast checker has earned a good reputation and can be trusted.
Risk likelihood analysis details
- High This extension has low user count. Unpopular extensions may not be stable or safe.
- Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
- Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
- Good **** ********* ** * ******** ********* ** ****** *** *****
- Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details
Compare extensions
- Compare WCAG Color contrast checker vs Colour Contrast Checker
- Compare WCAG Color contrast checker vs Color Contrast Analyzer
- Compare WCAG Color contrast checker vs WAVE Evaluation Tool
Similar extensions
Here are some Chrome extensions that are similar to WCAG Color contrast checker:
Colour Contrast Checker
https://colourcontrast.cc
Color Contrast Analyzer
https://accessibility.oit.ncsu.edu
WAVE Evaluation Tool
WebAIM
Accessible Web Helper
https://accessibleweb.com
Color Contrast Checker
18 Clans
Color Contrast Checker by DigitalA11Y
https://digitala11y.com
ColorA11y
longmatthewh
axe DevTools - Web Accessibility Testing
https://www.deque.com
Color Contrast Checker
https://pivotalaccessibility.com
HeadingsMap
Jorge Rumoroso
EqualWeb Accessibility Checker
EqualWeb
Accessibility Insights for Web
Accessibility Insights Team
Similar extensions
Here are some Chrome extensions that are similar to WCAG Color contrast checker:
Colour Contrast Checker
https://colourcontrast.cc
Color Contrast Analyzer
https://accessibility.oit.ncsu.edu
WAVE Evaluation Tool
WebAIM
Accessible Web Helper
https://accessibleweb.com
Color Contrast Checker
18 Clans
Color Contrast Checker by DigitalA11Y
https://digitala11y.com
ColorA11y
longmatthewh
axe DevTools - Web Accessibility Testing
https://www.deque.com
Color Contrast Checker
https://pivotalaccessibility.com
HeadingsMap
Jorge Rumoroso
EqualWeb Accessibility Checker
EqualWeb
Accessibility Insights for Web
Accessibility Insights Team
Popular extensions / apps
Here are some popular extensions / apps that you might be interested in:
Bubble Shooter - Pop Bubbles
IVYGAMES

Adblock Plus
Adblock Plus
Bitwarden Password Manager
https://bitwarden.com
DeepL: AI translator and writing assistant
https://deepl.com
JUMIA Online Shopping
JUMIA
DeepL: AI translator and writing assistant
DeepL SE
Zooba: Fun Battle Royale Games
Wildlife Studios
Ubersuggest - SEO and Keyword Discovery
Ubersuggest
Mercado Pago: cuenta digital
Mercado Libre
WeSing - Karaoke, Party & Live
Tencent Music Entertainment Hong Kong Limited
Capital One Shopping: Save Now
https://capitaloneshopping.com
Fashion Show: Makeup, Dress Up
Dress Up Games for Girls