このツールについて
近いピクセルの色を代表的なグループにまとめ、最も大きな割合を占める色を表示します。背景色や配色、見た目の雰囲気を考える際の参考にできます。
使い方
- 画像を 1 枚選択するか、ドラッグしてください。
- 主色の色見本と HEX、RGB、HSL、推定割合を確認してください。
- 結果欄の分析サイズを確認し、必要なカラーコードをコピーしてください。
- 複数の代表色が必要な場合は、下のカラーパレット抽出ツールをご利用ください。
対応形式
- PNG、JPG/JPEG、静止画 WebP に対応します。画像は 1 回に 1 枚ずつ選択またはドラッグしてください。
- 最大 100 MiB・4000 万ピクセル、各辺 16384 ピクセルまでです。大きな画像は多くのメモリーを使うため、端末の性能に合った画像を選んでください。
結果の見方
- 主色は色の量子化後の最大グループから取得します。全ピクセルの平均色や、無作為に選んだピクセルではありません。
- 完全透明なピクセルは除外し、その他は Alpha で重み付けします。黒と白も含め、背景色を自動で除外しません。
- 割合はサンプリングと量子化後の推定値です。元画像のすべての色を個別に厳密に数えたものではありません。
色の抽出方法
- 再現性のあるメディアンカット法で近い色を最大 5 つの代表グループにまとめ、重み順に並べて主色を表示します。同じ画像と設定では同じ結果になります。
- 主色とパレットは最大 250,000 ピクセル、長辺 1000 ピクセルまで分析します。大きい画像は縮小してサンプリングし、実際の分析サイズを表示します。小さい画像は全ピクセルを使います。
- 広い背景が最大割合を占めることが多く、注目している被写体の色と主色が異なる場合があります。複数のグループを比較するにはパレットをご覧ください。
プライバシー
画像はお使いのブラウザー内だけで処理され、サーバーにはアップロードされません。
入力や結果を自動保存しません。クリアしたりページを離れたりする前に、必要な内容をコピーまたはダウンロードし、元画像も残してください。
よくある質問
Dominant Color とは？
画像で最も多い、または代表的な色のグループです。ここでは量子化後に最も重みが大きいグループとその代表色を表示します。
主色と平均色の違いは？
主色は最大割合の色グループを表し、平均色は対象ピクセル全体をまとめた色です。大部分が赤で少し青がある画像なら、主色は通常赤に近く、平均色には青が混ざります。
見た目で感じる主色と結果が違うのはなぜですか？
人の目は被写体やコントラストの強い部分に注目しがちですが、量子化ではピクセル分布と透明度の重みを使います。広い背景、縮小サンプリング、近い色の統合が結果に影響します。
主色の抽出に AI を使いますか？
使いません。ブラウザー内でピクセルを分析して色を量子化します。画像のアップロードやオンライン認識サービスの呼び出しはありません。