YUCTS Tools
日本語言語

画像カラーピッカー・配色抽出

画像の好きな位置をクリックして色を調べ、HEX・RGB・HSL の値をコピーできます。色票（パレット）づくりや、主な色の自動抽出にも対応。画像はアップロードされません。

  • ブラウザ内で処理（アップロードなし）

1 ファイルあたり最大 40 MB

色票（0／16 色）

まだ色がありません。画像の上で色を選び「色票に追加」を押してください。

使い方

  1. 画像を選ぶか、ドラッグ＆ドロップします。「サンプル画像で試す」ですぐに試すこともできます。
  2. 画像の上をクリック（タップ）またはドラッグして色を選びます。十字の印にフォーカスすると矢印キーで細かく動かせ、座標を数値で入力することもできます。
  3. HEX・RGB・HSL の値をコピーするか、「色票に追加」で色を集めて、形式を選んでまとめてコピーします。
  4. 「画像の主な色」で、画像全体から自動で抽出した代表的な色と割合の目安を確認できます。

よくある質問

画像はサーバーに送られますか？

いいえ。画像の読み込みも色の計算もすべてブラウザー内で行い、画像は端末の外に出ません。

「3 × 3 ピクセルの平均」とは何ですか？

写真のノイズなどで 1 ピクセルごとに色がばらつくときに、周りのピクセルを平均した色を使う設定です。半透明のピクセルは不透明度に応じて軽く扱います。

主な色はどのように決めていますか？

画像のピクセルを最大 4 万個まで間引き、中央値分割で初期値を決めてから k-means 法で似た色をまとめます。厳密な値ではなく、配色の参考にするための近似値です。

ほかのソフトで見た値と少し違うのはなぜですか？

ブラウザーは画像に埋め込まれたカラープロファイル（Display P3 など）を sRGB に変換して表示します。このツールに表示されるのは、その変換後の色です。

注意事項・制限

  • 入力内容はこのページ内でのみ処理され、YUCTS のサーバーには送信されません。
  • 値はブラウザーが sRGB に変換して描画した色です。広色域（Display P3 など）の画像では、元データの数値と一致しないことがあります。
  • JPEG などの圧縮画像はピクセルごとに色が揺らぐため、平均を取る範囲を広げると安定します。
  • 主な色の抽出は間引いたピクセルによる近似で、割合も目安です。
  • ブラウザーの上限（約 1,600 万ピクセル）を超える画像は縮小して読み込むため、色がわずかに平均化されます。
  • ブラウザーのフィンガープリント対策（プライバシー保護機能）が有効な場合、読み取った色にわずかな誤差が加わることがあります。
  • HEIC／HEIF など、ブラウザーが開けない形式には対応していません。