Color Contrast Checker by DigitalA11Y

WCAG Color Contrast Checker and Palette Generator by DigitalA11Y Achieve full WCAG compliance with ease using DigitalA11Y’s Color…
What is Color Contrast Checker by DigitalA11Y?
"Color Contrast Checker by DigitalA11Y" is a Chrome extension that helps designers and developers achieve WCAG compliance by verifying color contrast ratios and generating accessible color palettes. With features like a one-click color picker, hexadecimal input, and instant compliance status, this tool simplifies web accessibility audits and design processes. Ideal for ensuring your website meets accessibility standards, it provides alternative color suggestions and flexible controls for a seamless user experience.

Extension stats

Users: 1,000+
Rating: 4.50 (4)
Version: 1.1 (Last updated: 2024-10-25)
Creation date: 2023-01-25
Risk impact: Very low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
Permissions:
  • activeTab
  • scripting
Size: 53.69K

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.
Chrome-Stats extension

Extension summary

WCAG Color Contrast Checker and Palette Generator by DigitalA11Y

Achieve full WCAG compliance with ease using DigitalA11Y’s Color Contrast Checker and Palette Generator Chrome extension! Designed to assist designers, developers, and accessibility professionals, this tool quickly calculates and verifies color contrast ratios, ensuring your website aligns with WCAG accessibility standards.

Features:

•⁠ ⁠Quick Access Pop-up: A handy, intuitive pop-up provides instant access to all features. •⁠ ⁠One-Click Color Picker: Select background and foreground colors directly from any webpage to assess contrast. •⁠ ⁠Hexadecimal Input Option: Enter hex color codes manually to verify color contrast compliance. •⁠ ⁠Instant Contrast Ratio Display: See real-time contrast ratio results and WCAG compliance status. •⁠ ⁠Alternative Color Suggestions: Receive recommended color codes that meet WCAG contrast requirements. •⁠ ⁠Flexible Pop-up Control: Close or minimize the pop-up for an unobstructed view, and adjust its size to access content behind it.

Whether you're performing a web accessibility audit, designing a color palette, or checking color contrast, this free tool ensures you stay within WCAG standards.

User reviews

Can't close or resize the panel... Always resets to #fff on #000
by Jazz Rich, 2023-02-23

I like the ease of use and how straight forward it is. I can easily copy and paste HEX codes into the different sections, or use the eyedropper to grab the color I need. An issue with the eyedropper is that it's zoomed in so much that it can be a little difficult to get on a row or column of pixels in order to grab the color you're trying to get. I tried it on the menu of my client's site and the pixels it showed for the text were various colors (I'll comment with a screenshot). I typically use ColorZilla to grab color codes, but it's zoom is not as good as yours. Having the iframe take up space at the top of the window, and not being able to adjust the height of it will take a little getting used to. This is not a complaint, btw. I appreciate that you included a "More color details" section that can expand to show the wcag color levels chart for the text color, and the various colors within that range below the chart. That makes it so much easier to decide which color to use. Overall, GREAT JOB! This is going to be the one I use for testing from now on.
by Eric Bonar, 2023-02-22

I find your service to be very helpful as I no longer have to switch between windows to test color contrast.
by Aamir Raza, 2023-01-25
View all user reviews

Extension safety

Risk impact

Color Contrast Checker by DigitalA11Y does not require any sensitive permissions.

Risk likelihood

Color Contrast Checker by DigitalA11Y has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Promo images

Color Contrast Checker by DigitalA11Y small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Color Contrast Checker by DigitalA11Y: