カラーパレット抽出

画像から主要色を抽出してパレット表示

画像

選択した画像のプレビュー
画像は長い辺が200px以下になるよう縮小し、そのうち4ピクセルに1つを使って解析します(高速化のため)。透明・半透明(不透明度50%未満)の部分は除外します。

パレット

画像を選ぶと色を抽出します。

  • 色は画像内で多く使われている順に並び、各色の使用率(解析した画素に占める割合)を表示します。
  • 同じ画像と色数なら、毎回同じ結果になります。近い色は1つにまとめるため、色数の少ない画像では指定より少ない色数になることがあります。
  • [HEXコピー]は「#aabbcc, #ddeeff, …」の形式でコピーします。[JSON保存]は palette.json(hex・rgb・ratio)を保存します。
  • ブラウザーで表示できない形式の画像は解析できません。処理はブラウザ内で行い、画像をサーバーへ送信しません。