画像の中でよく使われている色を自動で抽出し、HEXコードで表示します。複数枚まとめて処理できます。AIは使わず、色の集計だけで抽出します。
画像はサーバーに送信されません（ブラウザ内で処理）
使い方
- 色を抽出したい画像を選びます（複数選択できます）。
- 抽出する色の数を選びます。
- 各色のスウォッチをクリックするとHEXコードがコピーされます。
「色の頻度集計」で代表色を選ぶ仕組み
このツールは、画像の各ピクセルの色を少し粗いグループ（似た色同士のかたまり）に分類し、もっとも多くのピクセルが属したグループから順に代表色として抽出します。AIによる「印象的な色」の判断ではなく、単純に画像内で広い面積を占めている色を機械的に拾い上げる方式です。そのため、背景色のように面積の大きい色ほど上位に選ばれやすい傾向があります。
使い道の例
- 写真やイラストから、Webサイトやスライドの配色案を作る
- ブランドロゴの使用色をHEXコードで確認する
- 複数の素材写真の色味をそろえたいときの基準色を探す
よくある質問
画像がサーバーにアップロードされることはありますか？
ありません。色の集計・抽出まですべてブラウザ内で完結します。
小さい面積だけど印象的な色（差し色など）は抽出されますか？
されにくいです。この方式は画像内で占める面積の大小で代表色を選ぶため、面積の小さいアクセントカラーは上位に出てこないことがあります。
透過PNGの透明な部分は色として数えられますか？
透明な部分は白背景として扱われて集計されます。透過部分を除きたい場合は、事前に不要な余白を切り取ってからご利用ください。