Contrast Connection

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

什么是Contrast Connection?

Contrast Connection是由Natasha Gonzales开发的Chrome扩展程序,该扩展的主要功能是“Automatically copies a Coolors or Adobe Color palette into a Contrast Grid so you can check the accessibility of your colors.”。

扩展截图

screenshot
screenshot
screenshot

下载Contrast Connection扩展crx文件

下载Contrast Connection扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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!                    

扩展基本信息

名称 Contrast Connection Contrast Connection
ID ldccnnebhlhfghgchnneeboejgihbfcj
官方URL https://chrome.google.com/webstore/detail/contrast-connection/ldccnnebhlhfghgchnneeboejgihbfcj
简介 Automatically copies a Coolors or Adobe Color palette into a Contrast Grid so you can check the accessibility of your colors.
文件大小 16.21 KB
安装次数 656
当前版本 1.0
更新时间 2017-07-10
上架时间 2017-07-10
评分 3.60/5 共10次评分
开发者 Natasha Gonzales
电子邮箱 [email protected]
付费类型 free
支持的语言 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
}