Colour Contrast Checker

Check the contrast between different colour combinations against WCAG standards

What is Colour Contrast Checker?

Colour Contrast Checker is a Chrome extension developed by https://colourcontrast.cc, and its main feature is "Check the contrast between different colour combinations against WCAG standards".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Colour Contrast Checker Extension CRX File

Download Colour Contrast Checker extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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 6 colour combinations you have compared (uses local storage) to refer back to later
- Quickly 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.                    

Extension Basic Information

Name Colour Contrast Checker Colour Contrast Checker
ID nmmjeclfkgjdomacpcflgdkgpphpmnfe
Official URL https://chromewebstore.google.com/detail/colour-contrast-checker/nmmjeclfkgjdomacpcflgdkgpphpmnfe
Description Check the contrast between different colour combinations against WCAG standards
File Size 418 KB
Installation Count 36,215
Current Version 1.4.2
Last Updated 2023-05-17
Publish Date 2019-09-06
Rating 4.03/5 Total 29 Ratings
Developer https://colourcontrast.cc
Email [email protected]
Payment Type free
Extension Website https://colourcontrast.cc/
Help Page URL https://github.com/Pushedskydiver/CC-Checker-Chrome-Extension/issues
Supported Languages en-GB
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": "1.4.2",
    "action": {
        "default_title": "Open CC Checker"
    },
    "icons": {
        "16": ".\/favicons\/favicon-16x16.png",
        "48": ".\/favicons\/favicon-48x48.png",
        "128": ".\/favicons\/favicon-128x128.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"
            ]
        }
    ]
}