Colors Dev Panel

Colors, in your dev inspector

什麼是Colors Dev Panel?

Colors Dev Panel是由Roy Kolak開發的Chrome擴展程式,該擴展的主要功能是“Colors, in your dev inspector”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載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 Colors Dev Panel
ID bgmflgfbiohkjpmoglkmfadokpichgln
官方網址 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"
            ]
        }
    ]
}