画像から色を抽出｜写真の主要な色をHEXとRGBで取り出す

写真は空・白い壁・影が広い面積を占めます。面積の多い順に色を選ぶと、上位がこうした無彩色で埋まります。

このツールは画素を先に「色みのある画素」と「無彩色の画素」に分け、無彩色には枠を1つだけ渡します。残りの枠が色みのある色に回るので、面積の小さい差し色も一覧に残ります。

判定は彩度ではなく、RGBの最大と最小の差で見ています。彩度は明るい色で過大に出るため、ほぼ白のクリーム色が「色みあり」に紛れます。

減色の道具は、まとめた画素の平均を代表色として返すのが普通です。ところが平均は「混ぜた色」なので、赤と青しかない絵から紫が出ます。

スポイトで拾った色と一覧の色が食い違う原因はここにあります。本ツールは既定で、平均にいちばん近い実在の画素へ寄せてから表示します。

平均そのものを見たいときは、詳細設定の「画像にある色に合わせる」を外してください。

色の抽出によく使われるk-means法は、最初の代表色を乱数で決めます。そのため同じ画像でも実行のたびに少しずつ違う色が出ます。

本ツールは間引きの位置を等間隔で決め、分割の軸も同点なら赤・緑・青の順と決めています。乱数を使う場所がないので、結果は毎回同じです。

資料とサイトで同じ色を使い回すとき、前回取ったコードと突き合わせられます。