画像パレット抽出 — 入力準備

入力と出力の例

狙う雰囲気を代表する画像を選び、先に大きな無彩色の領域をトリミングします。抽出は画素数で数えます。

ツールは画像を長辺160ピクセル以下に縮小し、ほぼ透明のピクセルを除外し、各チャンネルを24刻みに丸めてグループ化し、数えて頻度順に最大8色を表示します。RGB距離が約58未満の2色は統合されるので、ほぼ同じ色が一覧を埋めることはありません。

リビングのメイン写真からサイトのパレットを作りたいインテリアブロガーを想像してください。画面の半分が白い天井と灰色の床なら、先頭の色は白と灰色になります。ソファ、クッション、観葉植物だけに切り取れば、本当に欲しい緑、テラコッタ、クリーム色が出てきます。

よくある失敗は、関係のない物が並ぶ雑多な写真から、きれいな5色の組み合わせを期待することです。主題と光がはっきりした1枚を選び、意図した色味でなければ強いフィルターは避けてください。平坦で再現性のある結果が欲しいなら、ロゴやイラストを使います。

実行前の簡単な確認として、目を細めて見える色を3つ言葉にしてみてください。それができなければ抽出ツールにも分かりません。次に結果の先頭の色と比べ、赤いボタンのような小さなアクセントが抜けていないか確認し、抜けていればその部分に近づけてトリミングし直します。

Image with several dominant colors

Palette swatches and color codes

不透明なピクセルだけが集計されるため、透明PNGなら空白の背景を除いた作品の色が分かります。