Color Contrast Checker by DigitalA11Y

WCAG Color Contrast Checker and Palette Generator by DigitalA11Y Achieve full WCAG compliance with ease using DigitalA11Y’s Color…

▶

Color Contrast Checker - 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.

Download

Extension stats

By: https://digitala11y.com

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

Email: he*****@digitala11y.com

URLs: Website ,Privacy policy

Ranking

# 28,702 ▲ 129

Other rankings

#607 in Accessibility ▲ 2 #74 in checker keyword 64 ▼ 23 #76 in color keyword 74 ▼ 3 #202 in color picker keyword 79 ▼ 1 #230 in change color keyword 16 ▼ 8

Other platforms

Color Lab (v1.0.1)

4.32

(25,690) 4,663,336+

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.

Extension summary

Analyze keywords

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

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.