画像カラー抽出
画像をドロップして最も多い可視色を特定します。アップロードは不要です。小さな Canvas をサンプリングし、RGB 各チャンネルを 32 段階に量子化して、最大 8 色を代表色として返します。
使い方
使い方
- 20 MB、40 メガピクセル以下の JPEG、PNG、WebP を 1 つ選びます。
- 色数を指定し、順位付きパレットと可視ピクセルの割合を確認します。
- デザイン作業用にパレット全体または個別の HEX をコピーします。
小規模で説明可能な量子化
デコードした画像を長辺最大 256 ピクセルに縮小し、各 RGB チャンネルを 32 段階に丸めます。32 × 32 × 32 のヒストグラムを可視ピクセル数で並べます。表示色は各バケットの中間値なので、元画像の厳密なピクセルではなく代表色です。
透明度を明示的に処理
alpha が 128 未満のピクセルはパレットから除外します。しきい値以上の半透明ピクセルは可視として数え、近似透明比率を別に表示します。JPEG には alpha チャンネルがありません。PNG と WebP の透明度はブラウザー内で処理します。
上限とプライバシー
入力は 20 MB、40 メガピクセル以下の JPEG、PNG、WebP です。最大 8 色を表示できます。画像はこのタブでデコードされ、サーバーに送られません。別のファイルを選ぶかページを離れると破棄されます。メタデータは読み取りも保存もしません。
よくある質問
あわせて知りたいこと
色はどう計算しますか？
縮小 Canvas をサンプリングし、RGB 各チャンネルを 32 段階に量子化します。色バケットを数え、可視ピクセル数で順位付けします。これは高速なヒストグラム方式で、知覚的クラスタリングではありません。
割合の合計が 100% にならないことがあるのはなぜですか？
割合は可視ピクセル内で選択された各バケットの比率です。上位に表示されない色は省略し、残りを「その他の色」として示します。
透明度は結果に影響しますか？
はい。alpha 128 未満は除外され、透明部分の概算割合が表示されます。128 以上の半透明ピクセルは可視として数えます。
画像はアップロードされますか？
いいえ。デコード、サンプリング、抽出、コピーはブラウザー内で行われ、ファイルはアップロードされません。