画像から色を抽出

写真のピクセルを均等にサンプリングし、median cut で色のかたまりに分けます。赤・緑・青のうち最も広がっている軸を選び、値が大きく開くところで切り、指定した数になるまで繰り返します。

各かたまりの代表色は平均ではなく平均に最も近い実際のピクセルです。平均を使うと、赤と青が同じかたまりに入ったときに写真にない紫がパレットに並びます。

同じ写真なら常に同じパレットが出ます。よく使われる k-means は乱数から始まるため実行のたびに結果が変わります。

アップロードした写真はどこかに送られますか？

いいえ。写真はブラウザ内でのみ開かれてピクセルの読み取りに使われ、ページを閉じると消えます。ネットワークに送信するコードはありません。

指定した数より少ない色しか出ないことがあります。

写真にはっきり区別できる色がそれだけない場合です。無理に埋めるとほぼ同じ色が並ぶだけなので、見分けのつかない色はまとめて表示しています。

割合は正確ですか？

サンプリングしたピクセルを最終的な代表色に割り当て直して数えています。大きな写真は約 2 万ピクセルまで均等に間引くため小数点以下の誤差はありますが、見た目の面積比とは一致します。