Find out the color palette of any website. Click on a color to copy its HEX code.
ColorScan Extension
ColorScan is a tool that allows users to easily extract and save color values from any website they visit. It provides a simple and convenient way to create color palettes and keep track of them while browsing the web.
With this extension, users can quickly generate a color palette from any webpage by clicking on the extension icon and pressing \"Get Palette\". The extension will scan the webpage for all the color values used in the CSS, and display them in a convenient and easy-to-use interface.
The extension displays the most frequently used colors and allows one to click on a color to copy its HEX code.
Overall, the \"Color Palette Finder\" Chrome extension is a powerful tool for designers, developers, and anyone else who works with color. It streamlines the process of creating and managing color palettes and helps users stay organized and efficient while working on web projects.
Read more
With this extension, users can quickly generate a color palette from any webpage by clicking on the extension icon and pressing \"Get Palette\". The extension will scan the webpage for all the color values used in the CSS, and display them in a convenient and easy-to-use interface.
The extension displays the most frequently used colors and allows one to click on a color to copy its HEX code.
Overall, the \"Color Palette Finder\" Chrome extension is a powerful tool for designers, developers, and anyone else who works with color. It streamlines the process of creating and managing color palettes and helps users stay organized and efficient while working on web projects.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "ColorScan", "description": "Find out the color palette of any website. Click on a color to copy its HEX code.", "version": "1.1.3", "action": { "default_popup": "pages/popup.html", "default_icon": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "content_scripts": [ { "matches": [""], "js": ["scripts/content_script.js"] } ], "permissions": ["tabs"], "background": { "service_worker": "scripts/background.js" }}
Read more