画像カラー抽出
画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。
ツールを開く — 画像カラー抽出画像カラー抽出 vs 画像の平均色を抽出
結論から: Image Color Extractor はデコード後の RGB を固定バケットに分け、分析した可視サンプルのアルファ加重比率順に最大 12 グループを表示します。大きな画像は先に縮小します。 Image Average Color Finder は分析した Canvas ピクセルから 1 つのアルファ加重 RGB 平均を返します。4,000,000 ピクセルを超える画像は縮小するため、結果は近似値です。
| 画像カラー抽出 | 画像の平均色を抽出 | |
|---|---|---|
| 用途 | 画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。 | 画像の平均色を alpha 加重で測定し HEX・rgb()・rgba() でコピー。透明ピクセルは平均に混ざらず無視される。 |
| 入力 | PNG、JPEG、WebP 画像 1 枚 | PNG、JPEG、WebP 画像。デコード後の可視ピクセルがアルファ値に応じて平均に寄与します。 |
| 出力 | 最大 12 個の RGB グループを HEX と JSON で表示。加重サンプル比率の合計は 100% 未満になることがあります。 | 透明ピクセルを除外した alpha 対応平均色(HEX、rgb()、rgba()) |
| 主な用途 | 写真、スクリーンショット、ブランド素材からのパレット作成 | 単一の代表色:プレースホルダー背景や雰囲気のトーン |
主な違い
抽出器は複数の支配色を占有率順にランク付けします。平均色ツールは画像全体を 1 つの平均色にブレンドします。
どちらも PNG、JPEG、WebP 画像を受け付けます。抽出器は色数だけ指定し、平均色ツールは見えているすべてのピクセルを平均します。
抽出器は最大 12 色の占有率付きパレットと JSON エクスポートを出します。平均色ツールは HEX、rgb()、rgba() の 1 値だけを出します。
パレット、テーマ、デザイントークンなら抽出器。下地、プレースホルダー背景、雰囲気のトーンなら平均色ツールです。
画像から最大 12 個の RGB 色グループを抽出し、可視分析サンプルのアルファ加重比率順に表示。HEX のコピーや JSON のダウンロードができます。
ツールを開く — 画像カラー抽出画像の平均色を alpha 加重で測定し HEX・rgb()・rgba() でコピー。透明ピクセルは平均に混ざらず無視される。
ツールを開く — 画像の平均色を抽出関連比較