このツールについて
カラーパレット抽出ツールは、アップロードされた画像のすべてのピクセルをスキャンし、似た色をまとめてグループ化することで、その画像を視覚的に支配しているひと握りの色を見つけ出します。デザインツールの「写真から色を選ぶ」機能の裏にあるのと同じ種類の解析です。商品写真からブランドパレットを抽出したり、ウェブサイトのテーマをヒーロー画像に合わせたり、あるいは単に画像がどんな色調で構成されているかを一目で確認したりするのに便利です。
このツールは処理速度のために画像を小さな解析用キャンバスに縮小し、その生のピクセルデータを読み取って、大まかなRGBの類似性で色をバケットに分類し、各バケットに含まれるピクセル数を数えます。そして各バケットの実際の平均色を報告します(丸められた角の値ではありません)。これにより結果は視覚的に正確なままです。最も頻度の高いバケットがパレットとなり、画像に占める割合順に並びます。抽出する色数を選び、任意のスウォッチのHEXコードをワンクリックでコピーするか、セット全体をすぐ使えるCSS変数としてコピーできます。すべてブラウザ内でローカルに実行され、画像はどこにもアップロードされません。
よくある質問
このツールはどの色を「主要」とみなすか、どのように決定していますか?
すべてのピクセルを大まかなカラーバケット(赤/緑/青をそれぞれ8段階の最も近い値に丸める)にグループ化し、各バケットに何ピクセルが該当するかを数え、最もピクセルが多いバケットを報告します——それぞれは、バケットの丸められた角の値ではなく、そこに入ったピクセルの真の平均色として表示され、より自然な見た目の結果になります。
これは、小さいが目立つエリアにのみ現れる色を考慮しますか?
いいえ。このツールは視覚的な目立ちやコントラストではなく、純粋にピクセル数(画像のどれだけがその色か)でランク付けするため、小さな明るいアクセントカラー(青とグレーの写真の中の1つの赤いオブジェクトなど)は、視覚的に「目立つ」としてもリストに入らないことがあります。これは頻度ベースの抽出全般の限界であり、このツール特有のものではありません——特定のアクセントカラーが必要な場合は、手動でサンプリングする必要があるかもしれません。