Color Contrast Analyzer

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

What is Color Contrast Analyzer?

Color Contrast Analyzer is a user-friendly Chrome extension. It checks the contrast of text colors on a web page to ensure compliance with WCAG 2.0 standards. This tool is capable of analyzing entire pages or selected portions, including advanced CSS features and gradients. It also supports AA or AAA conformance evaluations and offers a custom text size selection tool. Downloadable image analysis is provided for record-keeping purposes.

Download

Stats

By: https://accessibility.oit.ncsu.edu

View on Chrome Web Store

Users: 70,000+

Rating: 3.34 (65)

Version: 1.1.2 (Last updated: 2014-08-25)

Creation date: 2014-08-25

Risk impact: High risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

tabs
http://*/*
https://*/*
<all_urls>
storage

Size: 59.67K

URLs: Website

Stats date:

Chrome-Stats Rank

# 2932 ▲ 34

Other rankings

#1730 in Accessibility ▲ 1

#13 in analyze keyword 7

#20 in color keyword 68 ▲ 2

#45 in handle keyword 26

#115 in analysis keyword 26 ▲ 2

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

New in version 1.1: Download the image analysis to a PNG file.

This extension allows you to analyze text color contrast problems on a webpage according to the WCAG 2 text color contrast requirements. It evaluates the page as it appears in the browser, so it is able to handle text over gradients and advanced CSS attributes. You can choose to analyze a portion of a web page, the entire visible contents of a tab, or an entire web page.

Additionally, you can evaluate files on your computer that can be opened in Chrome, such as image files and PDF files. Note, with PDF files you will only be able to evaluate the visible portion of the page. To analyze local files you will need to go to your Extensions page and check "Allow access to file URLs" for this extension.

You can select to evaluate for either AA or AAA conformance, along with specifying the size of the text you want to analyze.

The output will show you a map of where the edges between colors are different enough to meet the specified contrast requirement. If there is an item on the underlying page that is not outlined in the output mask, then the item does not have enough color contrast according to the conformance level you selected. The resulting image analysis can be downloaded to your computer as a PNG file.

In order to better handle gradients, you can also select the pixel radius that should be used to analyze adjacent pixels. The larger the pixel radius, the further out it will look for a border with high enough contrast. However, a larger pixel radius will add significant computation time.

When first installing the extension, you may need to refresh the webpage you wish to analyze for all of the selection options to be available.

Also, when installing the extension it will ask you for permission to access your data on all of your websites and your tabs and browsing activity. We are not using or collecting this data in any way. In order to get permission to take screenshots of your browser window this is the level of access we must request. You can view the source code at the following URL.

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Useful for quickly checking contrast on a page
Ability to select which WCAG level it's measuring for
Works for detecting text-over-background-image contrast levels

Cons

Crashes and causes errors for some users
Slow performance
Requires updating to align with current standards

Most mentioned

Crashes
Slow performance
Not working on some websites

Recent reviews

This is exactly the tool I needed for detecting text-over-background-image contrast levels. I just capture the part of the page I need and let it do its thing. The ability to select which WCAG level it's measuring for is extremely helpful.

Darbie Boswell, 2018-08-23

Wanted to add a newer review since it seems it wasn't working properly in the past. Right now it's working great on the latest Chrome/Chromium. Super useful to quickly check contrast on a page where normal contast analyzers may not be sufficient.

Chris Kostelec, 2024-06-11

Hello, I hope you're having a splendid day! I am currently seeking opportunities to expand my business operations by investing in extensions with a significant user base, beginning from 50,000 users and up. No matter if your extension has a modest user base or counts its users in the millions, I am interested and ready to negotiate a purchase. If you are in possession of such an extension and looking to turn it into a profit, please consider reaching out to me. We can discuss the price and proceed with a transparent and secure transaction through a trusted escrow service based in the United States. It's great that Google allows the transfer of extension ownership between accounts, so your Google account ownership will remain intact. If you have any needs, please contact us via the following contacts Whatsapp: +1 (248) 896‑8035 Telegram: t.me/harryysandersonn

Abner Wirtz, 2024-06-05

View all user reviews

Safety

Risk impact

Color Contrast Analyzer is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install Color Contrast Analyzer if you trust the publisher.