hankchiu.tw

Pick any pixel color from a web page

Latest Version

Version

0.3.0

Update

November 24, 2020

Size

227KiB

Developer

hankchiu.tw

any-color Extension

A chrome extension let you pick up any pixel color from a web page.

- Inspired from chrome devtool's color picker.
- Toggle the color inspector by Alt+Shift+A.
- Turn off the color inspector by ESC.
- Click and copy the color hex.

## Why?
Most of the color picker extensions have these drawbacks:
- Most of them are aimed at picking DOM colors. Can not pick image colors.
- Not efficient when I only want to pick colors.

## How to use
Install the extension and toggle the color inspector by Alt+Shift+A. That's it.

## How it works
Mainly it uses [captureVisibleTab](https://developer.chrome.com/extensions/tabs#method-captureVisibleTab) API to the take the page screenshot. The image data is rasterized and pixel colors are ready to use.

## License
[ Apache2 License ](LICENSE) © [hankchiu.tw](https://hankchiu.tw)

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "any-color", "short_name": "AnyColor", "version": "0.3.0", "manifest_version": 2, "description": "Pick any pixel color from a web page", "homepage_url": "https://github.com/hankchiutw/any-color", "icons": { "16": "assets/icon16.png", "48": "assets/icon48.png", "128": "assets/icon128.png" }, "background": { "scripts": ["main.js"], "persistent": false }, "browser_action": { "default_title": "Click or press Alt+Shift+A to launch AnyColor", "name": "Click to launch AnyColor" }, "permissions": ["activeTab"], "commands": { "_execute_browser_action": { "suggested_key": { "default": "Alt+Shift+A", "mac": "Alt+Shift+A" }, "description": "Toggle AnyColor" } }, "web_accessible_resources": ["assets/*"]}

Download CRX(227KiB)