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

Latest Version

Version
1.0.2
Update
May 20, 2022
Size
1.05MiB
Developer
Category
Users
135
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
日本語
See more
Permissions
Background
Storage
ActiveTab
See more

Color Circle Picker Extension

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

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

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

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

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

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

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": [""] } ]}
Read more

Similar Extensions

icon

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

icon

People翻訳 Extension · Fun 135 21 ★ 4.71MiB

icon

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

icon

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

icon

1 frame forward Extension · Accessibility 135 4 ★ 7.32KiB

icon

CaptionSpeaker Extension · Accessibility 135 56 ★ 46.07KiB

icon

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

icon

Mouse Dictionary Extension · Productivity 135 110 ★ 3.5MiB

icon

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

icon

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

icon

Flipper Extension · Accessibility 135 3 ★ 52.71KiB

icon

FutaKuro Extension · Social & Communication 135 51 ★ 1.23MiB

icon

Translate Anywhere Extension · Productivity 135 53 ★ 202KiB

icon

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

icon

MaxChat Extension · Productivity 135 37 ★ 51.95KiB

icon

nicopip Extension · Accessibility 135 39 ★ 52.0KiB

icon

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

icon

DevilEar Extension · Productivity 135 25 ★ 18.79KiB

icon

Pan for Video Extension · Productivity 135 82 ★ 49.28KiB

icon

ato-ichinen Extension · Productivity 135 24 ★ 43.78KiB

icon

Tab Groups Manager Extension · Productivity 135 3 ★ 7.34KiB

icon

Palette Creator Extension · Productivity 135 63 ★ 498KiB

icon

Video to VRC Extension · Accessibility 135 2 ★ 7.21KiB

icon

OutsideBar Extension · Productivity 135 13 ★ 42.3KiB

User reviews

icon

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