どこにあっても、正確な色を
ボタン・ロゴ・夕焼けの正確なhexが必要ですか?このツールはEyeDropper APIで画面上の色を採取、または読み込んだ画像から採取し、履歴を保持してパレットを作れます。
-
採取
画面(Chrome/Edge)または画像をクリック。
-
コードを読む
hexとRGBを表示、クリックでコピー。
-
再利用
履歴が直近の色を保持。
2つの採取方法
| 方法 | 対応 |
|---|---|
| 画面スポイト | Chrome・Edge(EyeDropper API) |
| 画像をクリック | すべてのブラウザ |
| コピーされるコード | Hex (#RRGGBB) または rgb() |
| 履歴 | 直近16色まで |
画像はキャンバス上でローカルに読み取られ、オンライン送信はありません。
よくある質問
EyeDropper APIとは?
ページ外も含め、画面上の任意のピクセルの色を採取するスポイトを起動するブラウザ機能です。ChromeとEdgeが対応。それ以外ではボタンが非表示になり、読み込んだ画像から採取できます。
画像から色を採取するには?
画像を読み込み、クリックします:カーソル下のピクセルの色を読み取り、hexとRGBで表示します。ロゴ・スクショ・写真から正確な色を取り出すのに最適。
履歴は何のため?
採取した色はスウォッチの一覧に追加されます。クリックで再表示、hex/RGBコードをクリックでコピー。採取しながら小さなパレットを作るのに便利です。
画像はオンラインに送られる?
いいえ。画像はローカルのキャンバスに描画され、ブラウザ内でピクセル単位で読み取られます。画面スポイトもデータ送信なしで動作します。