無料Webツール

画像の主要色・平均色抽出

画像の主要色と全体の平均色を計算し、HEXコードを表示します。

入力と設定

使い方と確認ポイント

画像から「主要色」と「平均色」をそれぞれ1色ずつ抽出します。主要色は近い色をまとめた中で最も多い色、平均色はサンプル画素全体のRGB平均です。

  1. 画像を1枚選びます。
  2. 実行すると、主要色と平均色がHEXコード付きで表示されます。
  3. 色チップを押すとHEXコードをコピーできます。
解析サイズ
長辺を最大800pxに縮小して解析
主要色
近い色をまとめ、最も多い色グループを抽出
平均色
対象画素のR/G/B平均
透明画素
alpha 32未満はサンプルから除外

写真では「主要色」と「平均色」がかなり違うことがある

青空が広い写真では主要色が空の青になっても、人物や地面を含めた平均色は灰色寄りになることがあります。2つは同じ意味の色ではありません。

ブランドカラーを厳密に復元するツールではありません。写真全体の傾向をつかむ簡易抽出として使うのが向いています。

主要色は「近い色をまとめた中で一番多い色」

写真ではほぼ同じ色でも画素ごとに少しずつ値が違います。そこで近い色をまとめてから、画像の中で目立って多い色を主要色として表示します。

平均色は全体を1色に混ぜたイメージ

解析対象の各画素のR・G・Bを足して画素数で割ります。画面の占有率が大きい色ほど平均色へ強く影響します。

大きい画像は軽い作業用サイズで解析する

大きな画像は縦横比を保ったまま解析用に小さくして処理します。元画像は変更しませんが、結果は厳密な全画素集計ではなく色傾向の目安として見るのが適切です。

ほぼ透明な画素は無視する

透明背景のRGB値が結果を汚さないよう、alphaが32未満の画素はサンプルから外します。