画像の平均色検索
画像を選ぶと代表的な平均色を計算します。ファイルは外部へ送信されません。
使い方
使い方
- 20 MB 以下、4,000 万画素以下の JPEG、PNG、WebP 画像を選びます。
- Canvas が最大 100,000 個の等間隔ピクセルをサンプリングし、平均色をローカル計算します。
- HEX、RGB、HSL、アルファ、サンプリング情報をコピーします。
上限付きで再現可能なサンプル
ブラウザーでデコードされた Canvas ピクセルを読み込み、画像が 100,000 ピクセルを超える場合は一定間隔でサンプリングして上限以下に保ちます。最初のピクセルから Canvas の行優先順で進みます。
透明ピクセルの明示的な処理
完全に透明なピクセルは色に寄与しません。部分的に透明なピクセルは RGB チャンネルをアルファで重み付けし、平均アルファは全サンプルから計算して別に示します。そのため、見えない Canvas の余白で平均色が黒寄りになりません。
ローカル処理と上限
JPEG、PNG、WebP はブラウザーの Canvas でデコードします。メモリ使用を予測しやすくするため、ファイルは 20 MB、4,000 万画素までです。画像のアップロードやサーバー処理はありません。
よくある質問
あわせて知りたいこと
画像は端末外へ送信されますか？
いいえ。Canvas でローカルにデコード・サンプリングし、アップロードリクエストはありません。
透明ピクセルはどう扱われますか？
完全に透明なピクセルは RGB 平均から除外されます。部分的な透明度はアルファで重み付けし、平均アルファは別に表示します。
すべてのピクセルを分析しますか？
100,000 ピクセル以下の画像はすべてサンプリングします。それより大きい画像は決定的な等間隔で最大 100,000 個をサンプリングします。