WCAG Color Contrast Checker and Palette Generator by DigitalA11Y Achieve full WCAG compliance with ease using DigitalA11Y’s Color…
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.
Latest reviews
- (2023-02-23) Jazz Rich: Can't close or resize the panel... Always resets to #fff on #000
- (2023-02-22) Eric Bonar: 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.
- (2023-01-25) Aamir Raza: I find your service to be very helpful as I no longer have to switch between windows to test color contrast.