画面に見えている好きな場所をクリックして、その1点のカラーコードをすぐ取得できます。
画面スポイト
ダウンロード不要です。対応ブラウザでは、ボタンを押すとブラウザ標準のスポイトが起動します。画面上で色を知りたい1点をクリックしてください。Escキーでキャンセルできます。
Chromeのカラーピッカー・スポイトとして使う
PC版Chrome・Edgeなどの対応環境では、拡張機能を追加しなくてもブラウザから画面上の色を取得できます。Webサイト・画像・資料など、画面に見えている色のHEX・RGBを確認できます。
画面スポイトはPC版 Chrome / Edge での利用がおすすめです
使っている端末に合わせて、いちばん簡単な方法を選べます。スマホで「画面スポイトを押したけれど動かない」という状態を避けるため、iPhone・スマートフォンでは画像アップロード版をご案内しています。
おすすめの使い方｜色しるべと調べたい画面を並べる
このスポイトは、色しるべを表示したまま、別の画面や別ウィンドウにある画像の色を調べると、とても使いやすいです。
デュアルモニターなら一番かんたん
色しるべ
調べたい画像・Webページ
片方に色しるべ、もう片方にGoogle画像検索・商品写真・Webページなどを表示します。
1画面でも別ウィンドウで使える
色しるべ
調べたい画像
ブラウザを2つのウィンドウに分けて左右に並べれば、デュアルモニターがなくても使いやすくなります。
- 色しるべと、色を調べたい画像・Webページを見える状態で並べます。
- 上の「画面スポイトを起動する」を押します。
- 調べたい画面の色を知りたい場所をクリックします。
PC画面上の色をスポイトで調べたいときに
Webサイト・画像・アプリなど、画面に見えている色を調べるためのページです。PC版Chrome・Edgeなどの対応環境では画面スポイトを使えます。
画面の色・スポイトについてよくある質問
Webサイト上の色を調べられますか？
対応ブラウザでは、画面スポイトを起動してWebサイト上の知りたい位置を選び、カラーコードを取得できます。
Chromeで使えますか？
PC版Chrome・Edgeなど、EyeDropper APIに対応する環境で利用できます。利用できない場合は画像アップロード版をご利用ください。
iPhone・スマホではどうやって画面の色を調べますか？
スマホではスクリーンショットを撮り、画像から色を調べるツールへ読み込む方法が分かりやすいです。
WindowsとMacの両方で使えますか？
OSだけでなくブラウザ側の対応状況に依存します。PC版の対応Chrome・Edgeなどでは画面スポイトを利用できます。