色スポイト|画像から色を1ピクセル単位で抽出(スマホOK・登録不要)

色とりどり。は、画像を拡大して1ピクセル単位で色を調べられる、無料の色スポイトツールです。HEX・RGB・RGBAでコピーでき、明るさ違いのカラーパレットも出ます。スマホ対応・登録不要で、画像は端末の外に送信しません。

無料・登録不要・スマホOK

画像の色を、
1ピクセルまで正確に。

  • 拡大して確かめられる
  • HEX・RGB・RGBA
  • 明るさ違いパレット

虹の帯を押したまま動かして、指を離した所の色が取れます(上ほど明るく、下ほど暗く)。鳥をタップしても色が取れます

「画面のどこからでも取る」はPCのChrome・Edge用です。ブラウザの外(別のアプリや画像ビューア)の色も取れます

PCは貼り付け(Ctrl+V)やドラッグ&ドロップでも読み込めます

画像は端末の中だけで読み込みます。送信・保存はしません

100%
ドラッグで画像を動かす/2本指・ホイールで拡大。中央の照準の色を取ります。タップした所に照準が移動します
#——
x – / y –

パレットから選んだ色を表示中

明るさ違い(色味はそのまま)

白・黒を混ぜた違い

取った色の履歴(色コードだけ端末に保存)

詳細設定

色スポイトの使い方

  1. 「画像をえらぶ」から、色を調べたい画像を読み込みます。スマホは写真アプリ、PCは貼り付けやドラッグでもOKです。
  2. 2本指(PCはホイール)で拡大し、画像を動かして、取りたい色を中央の照準に合わせます。拡大するとピクセルの格子が見えるので、どの1マスを取るかがはっきり分かります。
  3. 細かい位置は矢印ボタンで1pxずつ動かせます。左の小窓で、照準のまわりの色も確認できます。
  4. 「この色を取る」を押すと、HEX・RGB・RGBAのカラーコードが出ます。コピーボタンでそのまま貼り付けられます。
  5. 下に出る明るさ違いのパレットから、ハイライトや影の色も選べます。

よくある質問

ほかのスポイトツールだと色が少し違うのはなぜ?

よくある原因は、画面に合わせて縮小した画像から色を読んでいることです。縮小すると隣のピクセルの色が混ざるため、元の色と少しずれます。このツールは縮小表示とは別に、元の画像のピクセルを直接読んでいるので、選んだ1マスの色をそのまま取れます。

もう一つは、指でタップした位置が1〜2ピクセルずれることです。拡大してから照準に合わせる方式なので、どのピクセルを取ったかを目で確かめられます。

画像はどこかに送られたり保存されたりしますか?

いいえ。画像はお使いの端末のブラウザの中だけで読み込み、どこにも送信しません。ページを閉じるか「画像を閉じる」を押すと消えます。履歴に残るのは取った色のコードだけです。

スマホでも使えますか?登録は必要ですか?

iPhone・Androidのブラウザでそのまま使えます。登録やアプリのインストールは要りません。

ブラウザの外にある色も取れますか?

PCのChrome・Edgeなら「画面のどこからでも取る」ボタンで、別のアプリや画像ビューアなど、画面に映っているものの色を取れます。スマホのブラウザはこの機能に対応していないので、スクリーンショットを撮って読み込んでください。

透明・半透明の部分の色は?

透明度も読み取り、RGBAの4つ目の数字(0〜1)に入ります。半透明のときは透明度つきのHEX(8桁)も表示します。

「3×3の平均」は何に使うの?

写真やJPEGのように、近い色が細かくばらついている画像で「だいたいこの色」を取りたいときに便利です。イラストの塗りをそのまま取りたいときは「1px」がおすすめです。

多くの方に教えてくださると、喜びます!
  • URLをコピーしました!
  • URLをコピーしました!