WhatColor
The easiest way to identify colors on web pages.
What is WhatColor?
WhatColor is a Chrome extension developed by https://milhen.ch, and its main feature is "The easiest way to identify colors on web pages.".
Extension Screenshots
Download WhatColor Extension CRX File
Download WhatColor 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
This chrome extension has been written to demonstrate how to execute code within the current page after a chrome extension button is pressed, as discussed in my article;
https://medium.com/p/f951315854e9
The basic premise is to parse all css stylesheet files that are linked to the current page and add a sidebar that lists all of the colors referenced within the stylesheets.
# Caveats
* For demo purposes only (supporting the atricle).
* Inline colors are not displayed. Extension Basic Information
| Name |  WhatColor |
| ID | begomjapoppkfcdcaindehabfglbfkcn |
| Official URL | https://chromewebstore.google.com/detail/whatcolor/begomjapoppkfcdcaindehabfglbfkcn |
| Description | The easiest way to identify colors on web pages. |
| File Size | 32.14 KB |
| Installation Count | 1,380 |
| Current Version | 1.0.2 |
| Last Updated | 2022-09-08 |
| Publish Date | 2013-10-29 |
| Rating | 2.00/5 Total 6 Ratings |
| Developer | https://milhen.ch |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://medium.com/p/f951315854e9 |
| Help Page URL | https://medium.com/p/f951315854e9 |
| Supported Languages | en-GB |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"background": {
"scripts": [
"background.js",
"asyncTracking.js"
]
},
"browser_action": {
"default_icon": "images\/dropper48.png"
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*",
"file:\/\/\/*",
"*:\/\/*\/*"
],
"run_at": "document_start",
"js": [
"content.js",
"content\/js\/plugins.js"
]
}
],
"description": "The easiest way to identify colors on web pages.",
"icons": {
"128": "images\/dropper128.png",
"48": "images\/dropper48.png",
"16": "images\/dropper16.png"
},
"manifest_version": 2,
"name": "WhatColor",
"version": "1.0.2",
"content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com; object-src 'self'",
"web_accessible_resources": [
"content\/coordinator.js",
"content\/*"
]
} | |
