0

画像パレット抽出器

ブラウザ内の任意の写真の実際のカラー パレットを抽出します。メディアン カット量子化により、16 進コード、CSS 変数、および JSON エクスポートを使用して 3 ~ 12 のキー カラーが検出されます。

🧵

画像をドラッグ&ドロップ

処理中... 0%
画像ファイルの読み込み
ピクセルのダウンスケーリング
メディアンカット量子化の実行
パレットの構築

結果

Preview Output

このパレット抽出ツールは、理論に基づいて計算された色ではなく、画像に実際に存在する色を読み取ります。写真をアップロードし、必要な色の数 (3 から 12、ほとんどのジョブには 5 または 6 が適しています) を選択すると、ツールは重みでソートされた色見本のパレットを返します。最初に主要な色が表示され、それぞれに 16 進コード、画像に占めるその割合 (パーセント)、およびコピー ボタンが表示されます。エクスポートは 1 クリックで可能です。スタイルシート用の CSS カスタム プロパティ ブロック、スクリプトとデザイン トークン用の JSON 配列、ムードボード用のパレット ストリップ PNG が用意されています。

このツールは内部でメディアン カット量子化を使用しており、GIF エンコーダが何百万もの色を小さなパレットに詰め込むのと同じアルゴリズムに依存しています。画像はまずローカル キャンバス上で約 1 万ピクセルに縮小されます。次に、要求された数のクラスターが残るまで色空間がその最も広いチャネルの中央値で繰り返し分割され、各クラスターが平均されて 1 つのスウォッチになります。そのため、結果には、ランダムにサンプリングされた少数のピクセルではなく、ユーザーの目が画像の特徴として認識しているものが反映されます。

すべてがブラウザ内で行われます。アップロード、キュー、アカウントは不要で、未公開のデザイン、クライアントの写真、社内のスクリーンショットも完全に安全です。ブラウザがデコードできる形式はどれでも機能します。PNG、JPG、WebP、GIF、および透明領域は無視されるため、PNG ロゴはきれいなパレットを生成します。

一般的な用途: ブランドの写真撮影をデザイン システム カラーに変換する、ランディング ページとヒーロー画像を一致させる、カバー アートからチャートやテーマ カラーを生成する、イラストのパレットを文書化する。選択した 1 つの基本色から調和のとれたパレットを構築するカラー パレット ジェネレーターとの違いに注意してください。このツールは、実際の画像がすでに持っているパレットを抽出します。スウォッチを選択しましたが、別の表記が必要ですか?カラー フォーマット コンバーターは、HEX を RGB、HSL、および CMYK に変換します。