画像の主要な色を見つける — オンライン
ブラウザ内の任意の写真の実際のカラー パレットを抽出します。メディアン カット量子化により、16 進コード、CSS 変数、および JSON エクスポートを使用して 3 ～ 12 のキー カラーが検出されます。
処理中...
0%
画像ファイルの読み込み
ピクセルのダウンスケーリング
メディアンカット量子化の実行
パレットの構築
結果
このページでは、単一の色 (画像全体の主要な 1 つの色) にプリセットされたパレット抽出機能が開きます。写真をアップロードすると、ツールはすべてのピクセルを 1 つの代表値 (1 つだけ保持できる場合にこの写真を表す色) にまとめます。
単一の主要な色には、驚くほど多くの用途があります。写真の読み込み中に表示されるプレースホルダーの背景 (大規模なサイトでのスムーズな画像読み込みの背後にあるテクニック)、カバー アートの背後にある色付きの UI クロム、カードやプレイリストの自動テーマのアクセント、または「この製品は実際何色ですか?」に対する簡単な答えです。結果は 16 進コードを含む大きな見本として表示され、ワンクリックでコピーできます。
このツールは 1 つのピクセルを選択するのではなく、最大のピクセル クラスターを平均して色を計算するため、答えは安定しています。ノイズ、JPEG アーティファクト、小さなハイライトによって色が変動することはありません。すべてはアップロードせずにブラウザ内でローカルに実行されます。全体像が必要ですか?セレクターを 3 ～ 12 色に切り替え、CSS と JSON エクスポートを使用して完全なパレットを取得します。