イメージカラーパレット

画像をカラーパレット抽出することは、UIのデザイン、ランディングページ、ブランド気分ボード、CSSの変数、ソーシャルグラフィックス、プレゼンテーション、および製品ページで役立ちます。 パレットは、視覚的な感触を一貫したものにする優勢な色を与えます。

ロゴ、スクリーンショット、写真、製品イメージ、イラスト、リファレンスデザインをアップロードし、生成されたHEX、RGB、 HSL、およびCSSカスタムプロパティをコピーします。 見本はブラウザでローカルに実行されます。

カラーカウントとサンプリングの詳細を選択します。

複数の意味のあるアクセントが含まれているとき、コンパクトブランドやUIパレットやより多くの色のために少数の色を使用してください。ファインサンプリングは、より密接に画像を調べるが、粗いサンプリングは大きなファイルにとってより速いです。透明なピクセルは無視され、偽のパレット色になりません。

結果を使用する方法

抽出された色は、元のデザイントークンや印刷値の保証ではなく、優勢です。 テキストとコントロールのためにそれらを使用する前に、コントラストを見直します。 あなたはコピーすることができます CSS カスタムプロパティまたは準備が整ったダウンロード .css さらなる編集のためのファイル。