画面の色を、クリックで取る。
「色を取る」を押して、拾いたい場所をクリックするだけ。HEXはその場でコピーされ、RGB・HSLもボタン1つです。
- 無料で使える
- 登録なし
- 回数の制限なし
使い方は3ステップ
- 1
アイコンを押す
画面の右にパネルが開きます。調べたいページを見たまま使えます。
- 2
「色を取る」を押して、拾いたい場所をクリック
クリックした場所の色が出て、HEXがすぐにコピーされます。
- 3
そのまま貼る。履歴にも残る
RGB・HSLはボタンでコピー。拾った色は履歴に並ぶので、あとで押せばまた出せます。
色を調べる時に、必要なことをまとめて
画面のどこでも
Webページだけでなく、PDFやブラウザの外の画面の色も拾えます。PキーでもOK。
5つの書き方でコピー
HEX・RGB・HSL・HSV・CMYK。HEXは拾った直後にコピーされます。
このページの色をまとめて
背景・文字・枠の色を、使われている面積の大きい順に取り出します。
画像から色を取る
パソコンの画像を開いて、押した場所の色を取れます。
パレットとグラデーション
色を並べてCSSの変数でコピー。2色を選べばグラデーションのCSSも。
どこにも送らない
拾った色・履歴・パレットは、ブラウザの中にだけ保存します。
ほかのやり方との違い
| スクショして画像ソフトで調べる | ブラウザの開発者ツール | この拡張機能 | |
|---|---|---|---|
| 手間 | ×撮って開いて調べる | △要素を探して読む | ◎クリック1回 |
| 写真や画像の中の色 | ◯調べられる | △探しにくい | ◎クリックした場所の色 |
| ブラウザの外の画面 | ◯撮れば調べられる | ×できない | ◯拾える |
| コピーできる形 | △ソフトによる | ◯CSSの値 | ◯HEX・RGB・HSL |
拾えるのは、画面に表示されている色です。画像が圧縮されていたり、半透明が重なっていたりすると、元のデータの色と少し違うことがあります。
料金
無料
0円
- 色を取るのは回数の制限なし
- このページの色・画像から・グラデーション
- 履歴は最新20色・パレットは12色まで
有料版
月980円
年払いなら年9,800円（2か月分お得）
- 履歴とパレットの制限なし・パレットのJSON保存
- OKLCH（新しい色の書き方）
- 文字と背景の読みやすさの判定（WCAG）
お支払いは Stripe の Link で行います。いつでも解約できます。
同じ月980円で、これから公開する拡張機能もすべて使い放題
よくある質問
無料でどこまで使えますか？
色を取るのは回数の制限なく無料です。このページの色・画像から・グラデーションも無料。履歴は最新20色、パレットは12色まで。有料版は履歴とパレットの制限がなくなり、パレットのJSON保存、OKLCH、文字と背景の読みやすさの判定（WCAG）が使えます。
ページで使われている色をまとめて知りたい
「このページの色」を押すと、背景・文字・枠の色を、使われている面積の大きい順に出します。押した時だけページの色を読み、どこにも送りません。
ブラウザの外の色も拾えますか？
拾えます。ブラウザに入っているスポイトの機能を使うので、画面に表示されているものなら、ほかのアプリの画面の色も拾えます。
拾った色はどこかに送られますか？
送られません。拾った色と履歴は、ブラウザの中にだけ保存します。
取りやめたい時は？
スポイトの途中でEscキーを押すと取りやめられます。
