Item logo image for Colour Contrast Checker

Colour Contrast Checker

colourcontrast.cc
Featured
3.9(

31 ratings

)
ExtensionAccessibility40,000 users
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

Check the contrast between different colour combinations against WCAG standards

Compare the contrast ratio of 2 colours, background and foreground, within a webpage against level 2 of the Web Content Accessibility Guidelines (WCAG). *More information about understanding colour contrast: https://webaim.org/articles/contrast/ Features - Use the text fields to compare colours using Hex codes or colour names - Use the colour picker tool to compare colours on a webpage - Store up to 20 colour combinations you have compared (uses local storage) to refer back to later - Reverse background and foreground colours - Generate a share link of colours compared Once you have installed the extension you may need to reload the webpage you are currently on to begin using the extension.

3.9 out of 531 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Bobby LyJul 9, 2024

Colour picker doesn't work in incognito mode. Extension does not consistantly open. Does not work correctly if zoomed in. When zoomed in past 250%, the extension's footer will obscure the page content.

2 out of 2 found this helpful
Review's profile picture

Mohamed Salama (Mo Salama Designer)May 1, 2024

Doesn't work on Brave ..

4 out of 4 found this helpful
Replier's profile picture

Alex ClappertonDeveloperJun 30, 2024

Hi there 👋 My apologies for how long this has taken me but in the newest release (v1.5.0) this should now be working on Brave

Review's profile picture

John DoeSep 11, 2023

Good, but I would've loved RGB values too, and a comparison between each of the RGB values

4 out of 5 found this helpful
Replier's profile picture

Alex ClappertonDeveloperJul 1, 2024

Hey John 👋 This is a great shout. I've added this to my list of things I'm hoping to add over the next few months. Thank you for your feedback 👍

Details

  • Version
    2.0.1
  • Updated
    August 16, 2024
  • Size
    378KiB
  • Languages
    English (UK)
  • Developer
    Alex Clapperton
    Website
    Email
    hi@alexclapperton.co.uk
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

WAVE Evaluation Tool

4.1(141)

Evaluate web accessibility within your browser.

Color Contrast Checker

4.9(10)

Color Contrast Checker & Recommendations Tool

Accessibility Insights for Web

4.7(36)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

EqualWeb Accessibility Checker

4.1(21)

The EqualWeb Web Accessibility Checker is a free automated auditing tool for WCAG 2.1 validation.

Color Contrast Analyzer

3.4(66)

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

Color Contrast Checker

3.5(2)

Section 508 - Testing Web Content Accessibility

WCAG Color contrast checker

4.2(26)

To check the color contrast between foreground and background of the texts

Heurio - One-Click Bug Report & UX Check Tool

4.7(76)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

CSS Peeper

4.6(355)

Extract CSS and build beautiful styleguides.

Accessible Web Helper

5.0(10)

Discover and highlight accessibility violations on the web with the push of a button.

Stark Accessibility Checker

4.2(23)

Find and fix compliance issues in record time with automated checks and smart suggestions.

ColorA11y

4.0(5)

This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.

WAVE Evaluation Tool

4.1(141)

Evaluate web accessibility within your browser.

Color Contrast Checker

4.9(10)

Color Contrast Checker & Recommendations Tool

Accessibility Insights for Web

4.7(36)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

EqualWeb Accessibility Checker

4.1(21)

The EqualWeb Web Accessibility Checker is a free automated auditing tool for WCAG 2.1 validation.

Color Contrast Analyzer

3.4(66)

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

Color Contrast Checker

3.5(2)

Section 508 - Testing Web Content Accessibility

WCAG Color contrast checker

4.2(26)

To check the color contrast between foreground and background of the texts

Heurio - One-Click Bug Report & UX Check Tool

4.7(76)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

Google apps