English (UK)
See more
Check the contrast between different colour combinations against WCAG standards
Latest Version
Version
2.0.1
Update
August 15, 2024
Size
378KiB
Developer
colourcontrast.cc
Category
Users
40,000+ 
Rating
3.90323 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
See more
Colour Contrast Checker Extension
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.
Read more
*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.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Colour Contrast Checker", "short_name": "CC Checker", "description": "Check the contrast between different colour combinations against WCAG standards", "version": "2.0.1", "action": { "default_title": "Open CC Checker" }, "icons": { "48": "./favicons/favicon-48x48.png", "72": "./favicons/favicon-72x72.png", "96": "./favicons/favicon-96x96.png", "144": "./favicons/favicon-144x144.png", "256": "./favicons/favicon-256x256.png" }, "permissions": [ "activeTab" ], "web_accessible_resources": [ { "resources": [ "index.html", "fonts/avenir-next-variable.woff2" ], "matches": [ "" ], "use_dynamic_url": true } ], "background": { "service_worker": "./app/background.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ "./app/content.js" ], "run_at": "document_idle", "all_frames": true } ]}
Read more
Similar Extensions
Color Contrast Analyzer 40,000+ 66 ★ 58.27KiB
Color Contrast Checker 40,000+ 2 ★ 131KiB
WCAG Color contrast checker 40,000+ 26 ★ 163KiB
Heurio - One-Click Bug Report & UX Check Tool 40,000+ 76 ★ 5.86MiB
CSS Peeper 40,000+ 363 ★ 279KiB
Accessible Web Helper 40,000+ 12 ★ 1.97MiB
Stark Accessibility Checker 40,000+ 22 ★ 2.29MiB
ColorA11y 40,000+ 5 ★ 9.05KiB
WAVE Evaluation Tool 40,000+ 143 ★ 344KiB
Color Contrast Checker 40,000+ 10 ★ 2.85MiB
Muzli - Design inspiration hub 40,000+ 728 ★ 3.51MiB
SiteSee | Web Design Inspiration 40,000+ 5 ★ 64.13KiB
Site Palette 40,000+ 344 ★ 297KiB
axe DevTools - Web Accessibility Testing 40,000+ 114 ★ 2.89MiB
HeadingsMap 40,000+ 70 ★ 575KiB
Visual ARIA 40,000+ 4 ★ 314KiB
Unstack Style Guide 40,000+ 20 ★ 68.29KiB
UX Check 40,000+ 84 ★ 1.32MiB
taba11y 40,000+ 15 ★ 205KiB
Siteimprove Accessibility Checker 40,000+ 21 ★ 1.43MiB
Web Disability Simulator 40,000+ 16 ★ 490KiB
ARC Toolkit 40,000+ 24 ★ 645KiB
Accessibility Insights for Web 40,000+ 37 ★ 3.62MiB
EqualWeb Accessibility Checker 40,000+ 21 ★ 19.11MiB
User reviews
John Doe (ID: 0000003c9a6e0c72) Voted 4 ★ - Updated 09/11/2023
Pablo Alvar mcv (ID: 0000009afd0ed95e) Voted 5 ★ - Updated 04/11/2023
Brad Chapman (ID: 0000009ca94f4f5b) Voted 1 ★ - Updated 12/08/2022
Christian Kodehode (ID: 000000df3a83cb9e) Voted 5 ★ - Updated 08/18/2022
Aesha Patel (ID: 0000002d44aa3113) Voted 5 ★ - Updated 06/24/2022
