AZ Tools

画像からカラーパレット抽出

カラー

写真・スクリーンショット・デザインをドロップすると、ピクセルをサンプリングして粗い RGB 格子にバケッティング、最頻出のバケットを平均で代表色化。色数(2–16)を調整可能。パレットは比率で配分された棒と、HEX・RGB・画像内占有率(%)付きの個別スウォッチで表示。

画像をドロップするとパレットが抽出されます。

使い方

  1. 画像をドロップまたは選択。
  2. 色数(2–16)を調整。
  3. スウォッチをクリックして HEX をコピー、Copy all で一括コピー。

よくある質問

抽出はどう動く?
画像を縮小(長辺最大 400px)し、RGB を 8×8×8 グリッドで量子化。最大バケットがパレットとなり、それぞれ平均で代表色化(スウォッチがピクセル化しないように)。
似た色が統合される?
8×8×8 量子化は意図的に粗め — でないとほぼ同一のグラデーションが出ます。微差が欲しければ色数を増やし、タイトなブランドパレットなら減らしてください。
画像はアップロードされる?
いいえ。Canvas がローカルでピクセルを読み、バケットはメモリ上で扱われ最終的に HEX 文字列のみ残ります。
パーセンテージの合計が 100% にならない?
上位 N バケットのみ表示で、ロングテールの稀少色は含まれません。棒のスライスは表示中のバケットに対する比率で、画像全体ではありません。

関連ツール