画像から色を抽出
スポイトツール
画像の好きな場所をクリック・タップするだけ。
正確なカラーコードをその場でコピーできます。
画像を選択する
ドラッグ＆ドロップ、またはクリック
JPG / PNG / HEIC / WebP
画像を準備中...
画像の上をクリックまたはタップしてください
📝 このツールの詳しい使い方
画像をアップロード
「画像を選択する」エリアをクリックするか、お手持ちの画像ファイルを直接ドラッグ＆ドロップしてください。スマホならカメラロールから選ぶだけです。
抽出したい場所をタップ
表示された画像の中で、色を調べたいポイントをピンポイントでクリック（タップ）します。瞬時にその場所の色がプレビューに反映されます。
コードをコピー
HEX値（#FFFFFF形式）やRGB値が表示されます。横のコピーボタンを押すだけでクリップボードに保存され、そのままデザインツール等へ貼り付け可能です。
✨ こんな方におすすめ
- ✔ 外出中にスマホで見たサイトや写真の配色をメモしておきたいWebデザイナーの方
- ✔ イラスト制作の資料から正確なカラーパレットを作成したいクリエイターの方
- ✔ 資料作成でロゴやブランドカラーと色を統一させたいビジネスマンの方
- ✔ 専用ソフトを立ち上げるほどではないが、サクッと色コードを知りたいエンジニアの方
🧠 知ってた？スポイトの豆知識
デザインソフトで定番の「スポイト」ツール。英語では「Eyedropper（アイドロッパー）」と呼ばれます。このツールで取得できる色はあくまで「画面上での見え方」です。ディスプレイの設定や画像圧縮によって、本来の色とは微妙に異なる数値になることがあるため、最終的な調整は自分の目で行うのがプロのコツです。
プライバシーと安全性について
当ツールはユーザーのプライバシーを最優先に設計されています。アップロードされた画像データはすべてお客様のブラウザ内でローカルに処理されます。外部サーバーへ画像が送信・保存されることは一切ありません。機密性の高いデザイン素材やプライベートな写真でも、安心してお使いいただけます。
❓ よくある質問
Q. 対応している画像形式は何ですか？ ▼
A. 一般的なJPG、PNG、WebPに加え、iPhoneで標準的なHEIC形式にも対応しています。幅広いデバイスで撮影した画像をそのままお使いいただけます。
Q. 画像がうまく読み込まれない場合は？ ▼
A. ファイルが破損していないか、またはブラウザが最新の状態かご確認ください。また、非常に大容量の画像（数十MB以上）の場合、メモリ不足で処理が止まる可能性があるため、リサイズ後のアップロードを推奨します。
Q. 抽出される色の精度はどのくらいですか？ ▼
A. 画像のデジタルデータを直接解析するため、ピクセル単位で正確な色を取得します。ただし、アンチエイリアス（境界のぼかし）がかかっている部分は、タップする位置により数値が変動しますので、拡大して選択することをおすすめします。
Q. 料金はかかりますか？ ▼
A. 完全に無料です。会員登録などの必要もありません。広告収入によって運営を維持しておりますので、安心してご利用ください。
このツールの裏側・仕組み
技術的な仕組みや、安全に処理を行うための工夫などを解説しています。