Colors Dev Panel
Colors, in your dev inspector
What is Colors Dev Panel?
Colors Dev Panel is a Chrome extension developed by Roy Kolak, and its main feature is "Colors, in your dev inspector".
Extension Screenshots
Download Colors Dev Panel Extension CRX File
Download Colors Dev Panel 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
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 Extension Basic Information
| Name |  Colors Dev Panel |
| ID | bgmflgfbiohkjpmoglkmfadokpichgln |
| Official URL | https://chrome.google.com/webstore/detail/colors-dev-panel/bgmflgfbiohkjpmoglkmfadokpichgln |
| Description | Colors, in your dev inspector |
| File Size | 344 KB |
| Installation Count | 134 |
| Current Version | 1.2.1 |
| Last Updated | 2014-03-31 |
| Publish Date | 2014-03-31 |
| Rating | 3.40/5 Total 5 Ratings |
| Developer | Roy Kolak |
| Payment Type | free |
| Supported Languages | 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": [
" | |
