画像カラーピッカーツール
画像を読み込み、クリックした位置の色をスポイトで取得します。HEX・RGB・HSLで表示・コピーでき、画像の代表色パレットも自動で抽出。拡大ルーペで1ピクセル単位の正確な色選びが可能です。すべての処理はブラウザ内で完結し、画像がサーバーに送信されることはありません。
ここに画像をドラッグ＆ドロップ
または
Ctrl+V Ctrl+V でスクリーンショットを直接貼り付け
JPEG, PNG, WebP, GIF, BMP, iPhoneのHEIC（最大20MB）
取得した色
まだ色を取得していません
HEX
RGB
HSL
取得履歴
色を取得すると、ここに履歴が表示されます
カラーパレット（自動抽出）
画像から代表的な色を自動で抽出します。各色をクリックでHEXをコピー。
画像を読み込むとパレットが表示されます
使い方
1
画像を読み込む
画像をドラッグ＆ドロップ、クリックして選択、またはCtrl+V（Macは⌘V）でスクリーンショットを直接貼り付けます。
2
色をクリックで取得
画像上にマウスを重ねると拡大ルーペが表示されます。取りたい色の位置でクリックすると、HEX・RGB・HSLが表示されます。
3
コピーして活用
各フォーマットのコピーボタンでカラーコードをコピー。自動抽出されたカラーパレットも合わせてデザインに活用できます。
画像カラーピッカーとは
写真やスクリーンショット、デザインカンプなどの画像から、好きな位置の色をスポイト（カラーピッカー）で抽出できるオンラインツールです。取得した色はHEX・RGB・HSLの3形式で表示・コピーでき、画像全体の代表色（テーマカラー）を自動でパレット化することも可能です。すべての処理はお使いのブラウザ内で完結するため、画像がサーバーにアップロードされることは一切ありません。
機能・特徴
- 正確なスポイト＆ルーペ拡大ルーペで1ピクセル単位の正確な色をクリックで取得。座標も表示します。
- HEX/RGB/HSL対応取得した色を3つの主要フォーマットで同時に表示し、ワンクリックでコピーできます。
- カラーパレット自動抽出メディアンカット法で画像の代表色を最大8色まで自動抽出。テーマカラー作りに最適。
- 完全ブラウザ処理すべての処理はブラウザ内で完結。画像がサーバーに送信されることは一切ありません。
活用シーン
- 写真や作品からの配色（カラーパレット）作成
- Webサイト・バナーのブランドカラー抽出
- スクリーンショットからのUIカラー取得
- イラスト・資料のカラーコード調査
- CSS・デザインツール用のHEX/RGB/HSL取得
よくある質問
画像はサーバーにアップロードされますか？
いいえ。すべての処理はお使いのブラウザ内で完結します。画像データがサーバーに送信・保存されることは一切ありません。
HEX・RGB・HSLの違いは何ですか？
HEXは「#RRGGBB」形式の16進数表記、RGBは赤・緑・青の数値、HSLは色相・彩度・明度で色を表します。同じ色を異なる形式で表現したもので、用途に合わせて使い分けられます。
カラーパレットはどのように抽出されますか？
メディアンカット法という色の量子化アルゴリズムで、画像内の代表的な色を自動的に選び出します。抽出する色数は5〜8色から選べます。
スクリーンショットを直接貼り付けられますか？
はい。Ctrl+V（Macの場合は⌘V）でクリップボードの画像を直接貼り付けて色を取得できます。
画面上のどこからでも色を取れる機能はありますか？
対応ブラウザ（Chrome・Edgeなど）では「画面から取得」ボタンでブラウザ標準のスポイト機能を呼び出し、画面上の任意の場所の色を取得できます。
スマートフォンでも使えますか？
はい。タップで色を取得でき、スマートフォン・タブレット・PCのすべてでご利用いただけます。