取得した色のカラーサークル上の位置がわかるカラーピッカーです。

Latest Version

Version

1.0.2

Update

May 20, 2022

Size

1.05MiB

Developer

Color Circle Picker Extension

webページ上のイラストなどの画像からも色を取得することができます。

特徴：
・どのwebページのどの要素にも使えるカラーピッカー
・カラーサークルはHSL・HSV形式に対応
・取得した色の表示形式はHexRGB・RGB・HSL・HSVに対応
・設定から起動時のカラーサークル・色の表示形式を変更可能

動作方法：
1. カラーピッカーを動作させたいタブを開き、拡張機能のアイコンをクリック
2. webページ上でマウスを動かすと、マウスの指すピクセルに対応してカラーピッカーの座標がwebページの左上のポップアップに表示されます。

画面内の任意の場所で左クリックを一度押すことでピクセルの情報が固定され、左上のポップアップからカラーサークルや色の表示形式を変更することができます。
また、この状態で拡大鏡の×を押すことで拡張機能を終了することができます。

また、ポップアップと拡大鏡以外の場所を左クリックすることで、固定が解除されます。

固定中であってもなくても、Escキーを押すことで拡張機能を終了することができます。

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Color Circle Picker", "description": "\u53d6\u5f97\u3057\u305f\u8272\u306e\u30ab\u30e9\u30fc\u30b5\u30fc\u30af\u30eb\u4e0a\u306e\u4f4d\u7f6e\u304c\u308f\u304b\u308b\u30ab\u30e9\u30fc\u30d4\u30c3\u30ab\u30fc\u3067\u3059\u3002", "version": "1.0.2", "icons": { "16": "images/16.png", "48": "images/48.png", "128": "images/128.png" }, "content_scripts": [{ "matches": [""], "js": ["js/lodash.js","js/content.js"], "css": ["css/style.css"] }], "background": { "service_worker": "js/background.js" }, "options_page": "html/options.html", "action": { "default_icon": "images/48.png" }, "permissions": [ "background", "storage", "activeTab" ], "web_accessible_resources": [ { "resources": ["/js/*","/images/clip.png"], "matches": [""] } ]}

Download CRX(1.05MiB)

Similar Extensions

Calm Twitter Extension · Social & Communication 135 291 ★ 22.67KiB

People翻訳 Extension · Fun 135 21 ★ 4.71MiB

ノイズレスサーチ＋ Extension · Productivity 135 4 ★ 39.95KiB

Twitter, Download Original Image Extension · Social & Communication 135 89 ★ 9.39KiB

1 frame forward Extension · Accessibility 135 4 ★ 7.32KiB

CaptionSpeaker Extension · Accessibility 135 56 ★ 46.07KiB

x-zombie-killer Extension · Productivity 135 117 ★ 129KiB

Mouse Dictionary Extension · Productivity 135 110 ★ 3.5MiB

Weblioポップアップ英和辞典 Extension · Productivity 135 244 ★ 31.97KiB

twitter画像原寸ボタン Extension · Accessibility 135 162 ★ 75.16KiB

Flipper Extension · Accessibility 135 3 ★ 52.71KiB

FutaKuro Extension · Social & Communication 135 51 ★ 1.23MiB

Translate Anywhere Extension · Productivity 135 53 ★ 202KiB

Youtubeフィルタ Extension · Accessibility 135 137 ★ 127KiB

MaxChat Extension · Productivity 135 37 ★ 51.95KiB

nicopip Extension · Accessibility 135 39 ★ 52.0KiB

Web Color Picker - online color grabber Extension · Developer Tools 135 120 ★ 1.23MiB

DevilEar Extension · Productivity 135 25 ★ 18.79KiB

Pan for Video Extension · Productivity 135 82 ★ 49.28KiB

ato-ichinen Extension · Productivity 135 24 ★ 43.78KiB

Tab Groups Manager Extension · Productivity 135 3 ★ 7.34KiB

Palette Creator Extension · Productivity 135 63 ★ 498KiB

Video to VRC Extension · Accessibility 135 2 ★ 7.21KiB

OutsideBar Extension · Productivity 135 13 ★ 42.3KiB

User reviews

y siwa (ID: 000000f0bb1f6897) Voted 5 ★ - Updated 07/25/2022 web上のイラストやデザインの色を分析するのにとても使いやすいです他のカラーピッカーはカラーコードを取得、コピペする為のシンプルな物が多いですがこの「color circle picker」はカーソル上の色をパレット表示してくれる為、気軽にパレット上の色位置を確認できます。今まで「他の一般的なカラーピックソフトでカラーコードを取得→イラストソフト内でペーストする」「画像をDLしてイラストソフト内のカラーピッカーで確認する」といったひと手間かかる方法を使っていたのでとても助かりました、ありがとうございます。

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Color Circle Picker