Colour Contrast Checker
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.
Latest reviews
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.
The extension takes up half the screen so the lower half can't be analized manually
Excellent tool. I use it all the time!
Very helpful
Doesn't work. Correctly installed in the newest Chrome on my MacBook Pro. Given all permissions. Clicking the icon doesn't do anything.
Doesn't work on Brave ..
Good, but I would've loved RGB values too, and a comparison between each of the RGB values
Good, but I would've loved RGB values too, and a comparison between each of the RGB values
muy útil y muy buen diseño. Enhorabuena y gracias!
perfect
Didn't work.
Didn't work.
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.
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.
I figured it out, open the link, and then hold the click on the extension for 2 s. and it will pop down.
I figured it out, open the link, and then hold the click on the extension for 2 s. and it will pop down.
No matter how many times I refreshed or clicked, nothing happened. A bit because it's so pretty.
No matter how many times I refreshed or clicked, nothing happened. A bit because it's so pretty.
Very simple, Does the job really well
Very simple, Does the job really well
Simple & effective. Use this tool on the daily. Thanks for developing!
Simple & effective. Use this tool on the daily. Thanks for developing!
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.
Great tool to check colour contrast within your browser! Thanks Alex,
Great tool to check colour contrast within your browser! Thanks Alex,
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.
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.
Thank you so much for developing this extension. This helps me a lot.
Thank you so much for developing this extension. This helps me a lot.
I really like this idea but I wish it worked for while I was developing websites offline.
I really like this idea but I wish it worked for while I was developing websites offline.
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).
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).
Great tool!
Great tool!
Nice UI and Works well
love it
love it
Fab little extension, does everything a designer could need for creating accessible online experiences. (Particularly love the eye dropper feature!)
Fab little extension, does everything a designer could need for creating accessible online experiences. (Particularly love the eye dropper feature!)
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.
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.
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
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
Invaluable for real devs.
Invaluable for real devs.
good
good
Fantastic tool for developers!
Fantastic tool for developers!