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.」です。
拡張機能のスクリーンショット
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!
拡張機能の基本情報
名前 | |
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 |
Eメール | [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 } |