Colour Contrast Checker

CRX ID
nmmjeclfkgjdomacpcflgdkgpphpmnfe
Status
Live on Store
Description from extension meta

Check the contrast between different colour combinations against WCAG standards

Image from store
Colour Contrast Checker
Description from store

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.

Latest reviews

Christiaan van Schalkwyk (Skull Lee) 2025-09-14

I was following a Microsoft course and came to this extension that should help with colour contrast. The problem is that it doesn't even start up in in the one setting it uses normal colours for a link and a black background. That is basically illegible, so something should have happened when I clicked the button. I'm running the current Chrome browser on a Windows 11 OS.

S. SpamBot 2025-08-11

The extension takes up half the screen so the lower half can't be analized manually

Gemma Nunn 2025-07-01

Excellent tool. I use it all the time!

Adriana Caycedo 2025-05-13

Very helpful

Menno Dijk 2025-03-27

Doesn't work. Correctly installed in the newest Chrome on my MacBook Pro. Given all permissions. Clicking the icon doesn't do anything.

Mohamed Salama (Mo Salama Designer) 2024-05-01

Doesn't work on Brave ..

John Doe 2023-09-11

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

John Doe 2023-09-11

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

Pablo Alvar mcv 2023-04-11

muy útil y muy buen diseño. Enhorabuena y gracias!

Lino Buzy 2023-01-09

perfect

Brad Chapman 2022-12-08

Didn't work.

Brad Chapman 2022-12-08

Didn't work.

Christian Kodehode 2022-08-18

Edit: Initially this extension refused to activate after I installed it. However, once I went into my browser's extensions settings and opened the details for this extension where I manually enabled access to file URLs (this was disabled by default) and then restarted my browser, it started working. The same solution applies to similar extensions I tested, and this works on both Chrome and Vivaldi.

Christian Kodehode 2022-08-18

Edit: Initially this extension refused to activate after I installed it. However, once I went into my browser's extensions settings and opened the details for this extension where I manually enabled access to file URLs (this was disabled by default) and then restarted my browser, it started working. The same solution applies to similar extensions I tested, and this works on both Chrome and Vivaldi.

Aesha Patel 2022-06-24

I figured it out, open the link, and then hold the click on the extension for 2 s. and it will pop down.

Aesha Patel 2022-06-24

I figured it out, open the link, and then hold the click on the extension for 2 s. and it will pop down.

Saarah Anne Fletcher 2022-06-21

No matter how many times I refreshed or clicked, nothing happened. A bit because it's so pretty.

Saarah Anne Fletcher 2022-06-21

No matter how many times I refreshed or clicked, nothing happened. A bit because it's so pretty.

Samali 2022-06-20

Very simple, Does the job really well

Samali 2022-06-20

Very simple, Does the job really well

Gabrielle 2021-06-28

Simple & effective. Use this tool on the daily. Thanks for developing!

Gabrielle 2021-06-28

Simple & effective. Use this tool on the daily. Thanks for developing!

Sophie Bryson 2021-04-15

Technically, it works. But there is no explanation of the pass/fail results which makes this not appropriate to recommend to my non-tech savvy coworkers who need to test color contrast.

Michael Harshbarger 2021-03-04

Great tool to check colour contrast within your browser! Thanks Alex,

Michael Harshbarger 2021-03-04

Great tool to check colour contrast within your browser! Thanks Alex,

Amara Eddins 2021-02-24

Really wanted to try this tool, but I updated chrome, checked the extension was up to date, restarted my computer, forced quit chrome. Everything, just wouldn't work me, super disappointed and wasted some important work time. Maybe in the future I can try it again and give a more positive review.

Amara Eddins 2021-02-24

Really wanted to try this tool, but I updated chrome, checked the extension was up to date, restarted my computer, forced quit chrome. Everything, just wouldn't work me, super disappointed and wasted some important work time. Maybe in the future I can try it again and give a more positive review.

anonymous 2020-12-31

Thank you so much for developing this extension. This helps me a lot.

anonymous 2020-12-31

Thank you so much for developing this extension. This helps me a lot.

Amy Collins 2020-08-06

I really like this idea but I wish it worked for while I was developing websites offline.

Amy Collins 2020-08-06

I really like this idea but I wish it worked for while I was developing websites offline.

Johannes Grandy 2020-07-30

Actually this is a pretty good contrast checker. Definitely the best i've used so far. A few things could be better: - When clicking on the pipette for picking a color, it takes 1-2 seconds to load. Actually this is the point that annoys me the most. Would be great if that loads instantly. - In the top right are three action buttons that are cut on my computer. Don't know if that is a problem with my system or a general one. Should be investigated on. - The fail/pass badges a a bit to subtle for my opinion. Especially when modifying the color it would be nice to have a more prominent feedback (maybe failing is outlined and passing is solid color).

Johannes Grandy 2020-07-30

Actually this is a pretty good contrast checker. Definitely the best i've used so far. A few things could be better: - When clicking on the pipette for picking a color, it takes 1-2 seconds to load. Actually this is the point that annoys me the most. Would be great if that loads instantly. - In the top right are three action buttons that are cut on my computer. Don't know if that is a problem with my system or a general one. Should be investigated on. - The fail/pass badges a a bit to subtle for my opinion. Especially when modifying the color it would be nice to have a more prominent feedback (maybe failing is outlined and passing is solid color).

David Ferris 2020-07-22

Great tool!

David Ferris 2020-07-22

Great tool!

Saurav Bhuju 2020-07-14

Nice UI and Works well

Zuzana Kopanicová 2020-01-15

love it

Zuzana Kopanicová 2020-01-15

love it

Todd Shorrock 2020-01-10

Fab little extension, does everything a designer could need for creating accessible online experiences. (Particularly love the eye dropper feature!)

Todd Shorrock 2020-01-10

Fab little extension, does everything a designer could need for creating accessible online experiences. (Particularly love the eye dropper feature!)

Joshua Rogers 2019-10-28

What a breath of fresh air, an actually usable contrast checker. The author obviously put thought into the design and it's a delight to use.

Joshua Rogers 2019-10-28

What a breath of fresh air, an actually usable contrast checker. The author obviously put thought into the design and it's a delight to use.

Lou Knowles PM 2019-10-10

Its great for Dev's and QA's for ensuring that your colours on your pages are AA or AAA compliant with accessibility standards. Love the new colour picker feature too

Lou Knowles PM 2019-10-10

Its great for Dev's and QA's for ensuring that your colours on your pages are AA or AAA compliant with accessibility standards. Love the new colour picker feature too

Adam Pendlebury 2019-10-10

Invaluable for real devs.

Adam Pendlebury 2019-10-10

Invaluable for real devs.

Ning Cao 2019-10-09

good

Ning Cao 2019-10-09

good

Joe Parisi 2019-09-18

Fantastic tool for developers!

Joe Parisi 2019-09-18

Fantastic tool for developers!

Statistics

Installs
40,000
Market
Chrome Web Store
Category
Rating
3.66 (35 votes)
Last update
2024-08-16
Version 2.0.1
Languages