What is Chroma: Eyedropper & Color Picker Tool?

Chroma: Eyedropper & Color Picker Tool is a Chrome extension developed by https://chroma.dev, and its main feature is "Eyedropper, color picker, palette creator, and more!".

Extension Screenshots

Download Chroma: Eyedropper & Color Picker Tool Extension CRX File

Download Chroma: Eyedropper & Color Picker Tool 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

Chroma is a free, private, user-friendly color tool that allows you to easily sample colors from your screen while browsing the web.

Chroma includes a variety of features to help you work with colors. What's inside:

✺ Eyedropper
✺ Style guide generator
✺ Color picker
✺ Color palette builder
✺ HEX/RGB/HSL values on demand
✺ Random color palette generator
✺ Color history
✺ Copy colors to your clipboard
✺ Tints and shades for any color
✺ Light and dark color theme options
✺ The ability to generate unique URLs for referencing and sharing palettes

To use Chroma, simply open the extension and hover over the screen with the eyedropper tool to select the color you want to sample. The HEX value of that color will be automatically copied to your clipboard.

You can also create a palette based on a range of colors from the page, and generate a unique URL for bookmarking or sharing the palette.

Chroma with designers and developers in mind, but is easy enough for anyone to use. It requires no registration or setup, and is completely private. Simply click the extension button and start working with color. 🎨

Thanks for trying Chroma! \(^-^)/

Would you like to try a demo before installing? Try it here: https://chroma.dev/try

•·················•·················•

Note about privacy: Our extension collects no user data. Unlike other eyedropper extensions that can see your pixel data, we utilize the browser's built in Eyedropper API (https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API), which protects against user pixel data from being maliciously used. Rest assured, we care about your privacy!

Want to open Chroma with a keyboard shortcut? Go to chrome://extensions/shortcuts and set your own.

For general questions, to request new features, or report a bug, send us a message at: [email protected]

By installing the extension, you agree to Chroma’s Privacy Policy (https://chroma.dev/privacy) and Terms of Use (https://chroma.dev/terms).

Developers:
Eric Uldall: github.com/ericuldall
Timothy Long: github.com/timothylong

Extension Basic Information

Name	Chroma: Eyedropper & Color Picker Tool
ID	pkgejkfioihnchalojepdkefnpejomgn
Official URL	https://chromewebstore.google.com/detail/chroma-eyedropper-color-p/pkgejkfioihnchalojepdkefnpejomgn
Description	Eyedropper, color picker, palette creator, and more!
File Size	208 KB
Installation Count	10,000
Current Version	1.0.28
Last Updated	2024-02-24
Publish Date	2022-05-09
Rating	4.83/5 Total 141 Ratings
Developer	https://chroma.dev
Email	[email protected]
Payment Type	free
Extension Website	https://chroma.dev
Privacy Policy Page URL	https://chroma.dev/privacy
Supported Languages	id,ms,de,en,en-GB,en-US,fil,fr,sw,nl,no,vi,tr,ca,da,et,es,es-419,hr,it,lv,lt,hu,pl,pt-BR,pt-PT,ro,sk,sl,fi,sv,cs,sr,bg,ru,uk,iw,fa,mr,hi,bn,gu,ta,te,kn-IN,ml,th,am-ET,ar,zh-CN,zh-TW,ja,ko
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Chroma: Eyedropper & Color Picker Tool", "description": "Eyedropper, color picker, palette creator, and more!", "version": "1.0.28", "minimum_chrome_version": "95", "manifest_version": 3, "default_locale": "en", "offline_enabled": true, "action": { "default_title": "Chroma" }, "permissions": [ "activeTab", "scripting", "storage", "contextMenus" ], "web_accessible_resources": [ { "resources": [ "index.html", "webcomponents-bundle.js", "inject.css", "js\/", "css\/", "assets\/fonts\/", "assets\/images\/" ], "matches": [ ":\/\/\/*" ] } ], "icons": { "16": "assets\/images\/icon-16.png", "48": "assets\/images\/icon-48.png", "64": "assets\/images\/icon-64.png", "128": "assets\/images\/icon-128.png", "512": "assets\/images\/icon-512.png" }, "background": { "service_worker": "worker.js" } }