Contrast Connection

Automatically copies a Coolors or Adobe Color palette into a Contrast Grid so you can check the accessibility of your colors.

What is Contrast Connection?

Contrast Connection is a Chrome extension developed by Natasha Gonzales, and its main feature is "Automatically copies a Coolors or Adobe Color palette into a Contrast Grid so you can check the accessibility of your colors.".

Extension Screenshots

screenshot
screenshot
screenshot

Download Contrast Connection Extension CRX File

Download Contrast Connection 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

                        Every designer and developer knows how important color contrast is for accessibility. Now it's easier than ever to make sure you're choosing accessible palettes for your work!

This handy little extension will take a Coolors or Adobe Color palette and create an EightShapes Contrast Grid. EightShapes allows you to easily see the accessibility of multiple color combinations, and with Contrast Connection, you don't have to copy and paste every hex code one by one. Just open your palette, click and- Poof! All five swatches compared! Go back and edit, then click again for an updated grid!                    

Extension Basic Information

Name Contrast Connection Contrast Connection
ID ldccnnebhlhfghgchnneeboejgihbfcj
Official URL https://chrome.google.com/webstore/detail/contrast-connection/ldccnnebhlhfghgchnneeboejgihbfcj
Description Automatically copies a Coolors or Adobe Color palette into a Contrast Grid so you can check the accessibility of your colors.
File Size 16.21 KB
Installation Count 656
Current Version 1.0
Last Updated 2017-07-10
Publish Date 2017-07-10
Rating 3.60/5 Total 10 Ratings
Developer Natasha Gonzales
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Contrast Connection",
    "description": "Automatically copies a Coolors or Adobe Color palette into a Contrast Grid so you can check the accessibility of your colors.",
    "version": "1.0",
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_title": "Contrast Connection",
        "default_icon": {
            "19": "icon-19.png",
            "24": "icon-24.png",
            "32": "icon-32.png",
            "48": "icon-48.png",
            "128": "icon-128.png"
        }
    },
    "permissions": [
        "activeTab"
    ],
    "manifest_version": 2
}