Collect and analyze colors from websites.

Latest Version

Version

0.0.2

Update

August 28, 2023

Size

588KiB

Developer

Colorgram Extension

Hey there, meet Colorgram (alpha), the ultimate color collector for web pages. Unlike other tools that try to guess colors from screenshots, Colorgram gives you the real deal: a complete list of the actual colors developers used in their code.

🎨 Features

Cool stuff Colorgram already does:

✓ Collect - Grab all the colors from a web page in one go. And it's fast!
✓ Browse - Take a leisurely scroll through the collected colors on the color wheel.
✓ Copy - Copy the hexadecimal value (more formats to come!)
✓ ...and a bunch more cool stuff is on the horizon!

🗞 Changelog

== v0.0.2 ==

Features:
✓ Add an options dialog (right click the extension icon).
✓ More color formats available: hexa, rgb, rgba, hsl, hsla.

Fixes:
✓ Works on sites with tight content security policies.
✓ No more empty popup when coming back from another tab.

🌟 Keep in touch

Colorgram is still stretching its legs in the development stage, and there's a ton of exciting features cooking up. Got any bright ideas or thoughts? Give a shout at [email protected] – I'm all ears!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Colorgram", "description": "__MSG_extension_description__", "version": "0.0.2", "manifest_version": 3, "default_locale": "en", "icons": { "16": "icons/16.png", "19": "icons/19.png", "32": "icons/32.png", "38": "icons/38.png", "48": "icons/48.png", "64": "icons/64.png", "96": "icons/96.png", "128": "icons/128.png", "256": "icons/256.png", "512": "icons/512.png" }, "action": { "default_title": "Colorgram", "default_popup": "src/popup/index.html" }, "background": { "service_worker": "serviceWorker.js", "type": "module" }, "options_ui": { "page": "src/options/index.html", "open_in_tab": false }, "permissions": [ "activeTab", "declarativeNetRequestWithHostAccess", "scripting", "storage" ], "web_accessible_resources": [ { "resources": [ "assets/src/content/main-306a4d10.js", "assets/index-75963dac.js", "src/content/main.js" ], "matches": [ "" ], "use_dynamic_url": true } ]}

Download CRX(588KiB)