polyshメインカラー抽出
画像のメインカラーを、コピーできる HEX コードとして調べられます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
メインカラー抽出でできること
パレットではなく 1 色だけが必要なこともあります。スライドの背景を合わせるための顧客のロゴのブランドカラーや、カードのプレースホルダーに使うサムネイルの主な色調などです。抽出ツールは画像を 6 色にグループ化し、最も大きいグループを大きな色見本として表示し、その下に最大 4 色の候補色を並べます。
「白、黒、グレーを除く」は既定でオンなので、白いキャンバス上のロゴなら白ではなくロゴの色が返されます。ダークモードのアプリのように、無彩色が本当にメインの色である場合はオフにしてください。画像全体が無彩色の場合は、結果が得られるよう、それらのピクセルがそのまま使われます。一度に多くの色を取り出すには、カラーパレット抽出を使ってください。
例
選ぶもの
白い背景に、オレンジ #ED6C50 のマークと黒い文字があるロゴ
結果
メインカラーは #ED6C50 に近い色 その下に、割合付きでその他の候補色を一覧表示
白と黒は既定で除外されるため、白のほうが画像の面積は大きくても、オレンジのマークが選ばれます。
メインカラー抽出の使い方
- 「ファイルを選択」をクリックするか、画像を貼り付けます。
- 「白、黒、グレーを除く」はオンのままにするか、無彩色も数える場合はオフにします。
- メインカラーは「HEX をコピー」、候補色は各色の「コピー」をクリックします。
知っておきたいこと
- メインカラーはピクセルのグループの平均なので、正確なブランドのコードから少しずれることがあります。ブランドガイドと照らし合わせてください。
- トグルがオンの場合、ごく淡いパステルや、無彩色との境目に近いとても暗いネイビーは「グレー」として除外されることがあります。色が見つからない場合はオフにしてください。
- 割合は、数えたピクセルに占める割合だけです。無彩色を除外している場合、画像全体に占める割合ではありません。
メインカラー抽出についてよくある質問
ロゴのメインカラーを調べるには？
「白、黒、グレーを除く」をオンにしてロゴを読み込みます。大きな色見本は無彩色以外で最も多い色で、ほとんどのロゴではブランドカラーです。「HEX をコピー」をクリックして使ってください。
画像のメインカラー（ドミナントカラー）とは何ですか？
似た色合いをまとめたうえで、最も多くのピクセルを占める色です。ここではピクセルを 6 色にグループ化し、既定で無彩色を除いた中で最も大きいグループをメインカラーとしています。
メインカラーはデザインにどう使えますか？
ロゴやスクリーンショットの後ろに合わせる背景色、画像の読み込み中のプレースホルダーの色、顧客ごとのデモやスライドのアクセントカラーなどによく使われます。スクリーンショット背景ジェネレーターの「カスタムカラー」に HEX を貼り付けてください。