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
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 | |
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 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 } |