Colors Dev Panelとは何ですか？

Colors Dev PanelはRoy Kolakによって開発されたChromeの拡張機能で、その主な機能は「Colors, in your dev inspector」です。

拡張機能のスクリーンショット

Colors Dev Panel拡張機能のCRXファイルをダウンロード

Colors Dev Panel拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

The Color Panel you have been searching for all your life... is here.

• Get the inspected site's palette of colors
• Modify any site's palette in real-time
• Precise color step control for manipulation
• Lighten and darken colors
• Saturate and desaturate colors
• Blend colors to find that perfect shade
• Convert between Hex, RGB, and HSL
• Easily copy colors to the clipboard
• View recently selected colors
• Explorable color schemas...
- Complementary
- Split complementary
- Triadic
- Tetradic
- Analogous
- Neutral

Oh and it's Open Source!
https://github.com/roykolak/colors-dev-panel

拡張機能の基本情報

名前	Colors Dev Panel
ID	bgmflgfbiohkjpmoglkmfadokpichgln
公式URL	https://chrome.google.com/webstore/detail/colors-dev-panel/bgmflgfbiohkjpmoglkmfadokpichgln
説明	Colors, in your dev inspector
ファイルサイズ	344 KB
インストール数	134
現在のバージョン	1.2.1
最終更新日	2014-03-31
公開日	2014-03-31
評価	3.40/5 合計 5 レビュー
開発者	Roy Kolak
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Colors Dev Panel", "short_name": "Colors Panels", "version": "1.2.1", "manifest_version": 2, "description": "Colors, in your dev inspector", "minimum_chrome_version": "29", "devtools_page": "devtools.html", "background": { "scripts": [ "js\/background.js" ] }, "icons": { "16": "images\/icons\/icon16.png", "48": "images\/icons\/icon48.png", "128": "images\/icons\/icon128.png" }, "permissions": [ "clipboardWrite", "clipboardRead", "tabs", "storage" ], "content_scripts": [ { "matches": [ "" ], "js": [ "js\/injected_colors.js" ] } ] }