クリックした地点の色はどうやって取得していますか？

画像をブラウザの Canvas に原寸で描画し、クリック／タップした位置を元画像のピクセル座標に換算してから、getImageData でその1ピクセルの色（赤・緑・青）を読み取っています。表示は縮小されていても、内部で正しい座標に変換するため、見た目どおりの位置の色が得られます。

画像はサーバーにアップロードされますか？

アップロードされません。色の抽出はお使いのブラウザ内（Canvas）だけで完結し、選んだ画像がネットワーク上に送られることはありません。通信が発生しないためオフラインでも動作します。

画像を小さく縮小してから多数のピクセルをサンプリングし、各色（赤・緑・青）を数段階に丸めて近い色どうしをまとめ（簡易的な量子化）、使用頻度の多い順に主要な色を6〜8色抽出しています。最も頻度の高い色をドミナントカラーとして別に表示します。

HEXは色を16進数の #RRGGBB で表す記法（例: #3B5BDB）で、CSSやデザインツールで広く使われます。RGBは赤・緑・青の光の強さを0〜255の数値で表す記法です。本ツールは両方を同時に表示し、それぞれクリックでコピーできます。

JPEGなどの圧縮画像では、隣り合う画素の色が圧縮のノイズでわずかに変化していることがあります。また画面の表示設定やアンチエイリアス（境界のぼかし）の影響で、期待した色と1点だけずれて見える場合があります。境界付近を避け、色が均一な中央あたりをクリックすると安定します。

別ドメインから読み込んだ保護付きの画像（CORS制約のある画像）は、ブラウザのセキュリティ上ピクセル情報を読み取れずエラーになることがあります。本ツールはお使いの端末内のファイルを読み込む前提のため、通常はこの問題は起きません。読み込みに失敗する場合はPNGやJPEGなど別の画像でお試しください。

画像を読み込んで、クリック／タップした地点の色をHEX・RGBで取得できます。写真の代表色パレットとドミナントカラーも自動で抽出します。

ここに画像をドラッグ＆ドロップ
または

画像ファイルを選択

PNG / JPEG / GIF / WebP など

色の抽出はすべてお使いのブラウザ内（Canvas）で行われ、画像はサーバーに送信されません。オフラインでも動作します。

※ 各色見本・HEX・RGBはクリックでコピーできます。パレットは画像を縮小してサンプリングし、近い色をまとめて頻度の多い順に抽出した目安です。JPEG圧縮のノイズなどで、実際の見た目とわずかに異なる場合があります。