Pick any color from a web page and get its HEX and RGB codes.
Color Picker Tool Extension
Quickly Identify Any Color on the Web
The Color Picker Tool makes it easy to pick colors from any web page and instantly get their HEX and RGB codes. Whether you're a designer, developer, or color enthusiast, this tool is perfect for grabbing and reusing colors without hassle.
Features
•\tOne-Click Activation: Start the tool directly from the Chrome toolbar.
•\tPrecise Color Picking: Click anywhere on a webpage to capture the exact color.
•\tHEX & RGB Codes: Instantly view both formats for seamless use.
•\tCopy to Clipboard: Save the color codes with a single click.
•\tUser-Friendly Interface: Simple, intuitive, and lightweight.
•\tUpgrade your workflow and explore colors like never before. Install the Color Picker Tool today and transform the way you work with web colors!
Read more
The Color Picker Tool makes it easy to pick colors from any web page and instantly get their HEX and RGB codes. Whether you're a designer, developer, or color enthusiast, this tool is perfect for grabbing and reusing colors without hassle.
Features
•\tOne-Click Activation: Start the tool directly from the Chrome toolbar.
•\tPrecise Color Picking: Click anywhere on a webpage to capture the exact color.
•\tHEX & RGB Codes: Instantly view both formats for seamless use.
•\tCopy to Clipboard: Save the color codes with a single click.
•\tUser-Friendly Interface: Simple, intuitive, and lightweight.
•\tUpgrade your workflow and explore colors like never before. Install the Color Picker Tool today and transform the way you work with web colors!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Color Picker Tool", "version": "1.0", "description": "Pick any color from a web page and get its HEX and RGB codes.", "permissions": [ "activeTab", "scripting" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" } }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }}
Read more