Opt - Colour Picker Extension Chrome

Yes I know that Developer Tools exist, but this is so cool

Latest Version

Version

1.3

Update

June 10, 2023

Size

46.78KiB

Developer

Opt - Colour Picker Extension

Introducing Opt Chrome Extension, tool for effortlessly capturing and managing colors right from your browser. With its intuitive interface and robust features, Opt enhances your color workflow and streamlines your design process.

Key Features:

👉 Eye Dropper: Use the eye dropper tool to select colors from any part of your screen. Simply click the \"Pick Colors\" button, and the eye dropper opens, allowing you to capture colors with precision and ease.

👉 Picked Colors: Easily keep track of your selected colors in the \"Picked Colors\" section. Each color is displayed as a rectangular box, and the corresponding hexadecimal value is conveniently shown below. Clicking on a color value copies it to your clipboard, enabling seamless integration into your design applications.

👉 Color Popup: Dive deeper into your chosen colors with the color popup feature. By clicking on a color box in the \"Picked Colors\" section, a popup appears, providing a larger preview of the color, along with its hexadecimal and RGB values. Effortlessly copy these values with a single click for quick and precise color usage.

👉 Export Colors: Simplify your color sharing process by exporting your selected colors. With the click of a button, you can export all your picked colors as a text file, allowing you to easily share or import them into other design tools.

👉 Clear All: Need a fresh start? The \"Clear all\" option removes all picked colors, providing a clean slate for your color selection.

Enjoy!🔥

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Opt - Colour Picker", "description": "Yes I know that Developer Tools exist, but this is so cool", "version": "1.3", "action": { "default_popup": "index.html" }, "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }}