画像から色を抽出

これはメディアンカット量子化と呼ばれる手法を使用します:各ピクセルの色を3D赤/緑/青空間の点として扱い、最も色数の多いグループを、そのグループ内で最も変化の大きい色チャンネルに沿って半分に繰り返し分割し、要求された色数と同じ数のグループになると、各グループを1つの代表色に平均化します。ピクセル数の多いグループが結果の先頭に来るため、パレットは各色が画像内でどれだけカバーしているかを反映しています。

一度にすべてを平均化すると、明確な赤と青のエリアを持つ写真が、元の画像のどこにも現れない濁った紫に混ざってしまいます。平均化する前に色空間を別々のグループに分割することで、各グループには似た色のみが含まれるため、赤いエリアと青いエリアはお互いを打ち消し合うのではなく、それぞれ独自の識別可能なパレットエントリとして表現されたままになります。

その色が画像のごく一部しか占めていない場合、特に色数が少ない場合は、独自のスロットを得るのではなく、より大きく支配的なグループに折り畳まれてしまうことがあります。要求する色数を増やすことで、小さいまたは微妙な色のエリアが独自のパレットエントリとして分割される可能性が高まります。

画像は分析前にまず小さな作業用コピーに縮小されます。パレット抽出には代表的な色のサンプルだけが必要で、すべてのピクセルは必要ないため、大きな写真でもツールを高速に保てます。これは画像自体には影響せず、分析のみに影響します。何もアップロードされず、元のファイルが変更されることはありません。

はい、「CSS変数としてコピー」をクリックすると、パレットをすぐに貼り付けられる--color-1から--color-Nのカスタムプロパティとしてコピーでき、「HEXリストとしてコピー」で16進コードのシンプルなリストとしてコピーできます。