Chroma: Eyedropper & Color Picker Tool

Eyedropper, color picker, palette creator, and more!

Chroma: Eyedropper & Color Picker Toolとは何ですか?

Chroma: Eyedropper & Color Picker Toolはhttps://chroma.devによって開発されたChromeの拡張機能で、その主な機能は「Eyedropper, color picker, palette creator, and more!」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

Chroma: Eyedropper & Color Picker Tool拡張機能のCRXファイルをダウンロード

Chroma: Eyedropper & Color Picker Tool拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        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                    

拡張機能の基本情報

名前 Chroma: Eyedropper & Color Picker Tool Chroma: Eyedropper & Color Picker Tool
ID pkgejkfioihnchalojepdkefnpejomgn
公式URL https://chromewebstore.google.com/detail/chroma-eyedropper-color-p/pkgejkfioihnchalojepdkefnpejomgn
説明 Eyedropper, color picker, palette creator, and more!
ファイルサイズ 208 KB
インストール数 10,000
現在のバージョン 1.0.28
最終更新日 2024-02-24
公開日 2022-05-09
評価 4.83/5 合計 141 レビュー
開発者 https://chroma.dev
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://chroma.dev
プライバシーポリシーページのURL https://chroma.dev/privacy
対応言語 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"
    }
}