Colors Dev Panel

Colors, in your dev inspector

Colors Dev Panelคืออะไร?

Colors Dev Panel เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Roy Kolak และคุณลักษณะหลักของมันคือ "Colors, in your dev inspector"

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Colors Dev Panel

ดาวน์โหลดไฟล์ส่วนขยาย 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
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"
            ]
        }
    ]
}