カラーパレット抽出
画像の主要な色をパレットとして取り出します。
このツールはJavaScriptで動作します。使うには、ブラウザでJavaScriptを有効にしてページを再読み込みしてください。
画像の色を数える。
カラーパレット抽出は、写真やデザインの主要な色を見つけ、パレットとして表示します。色の数は 2〜16 色から選べ、初期値は 8 色です。各色は HEX コード、RGB 値、画像内で占める割合とともに、多い順に並びます。ロゴからブランドカラーを取り出したり、写真に合うプレゼン用の色を選んだり、デザインの配色バランスを確認したりするのに使えます。
方法は減色（カラー量子化）です。まず画像を最大 200 ピクセルのコピーに縮小して 48 色の候補に減らし、ほぼ同じ色合いをまとめたうえで、画像を最もよく表すように選んだ色数を選び、各色が占めるピクセル数を数えます。そのため、小さくても独立した色（ロゴのアクセント、写真の赤い物体など）がパレットから抜け落ちず、同じ色の濃淡でパレットが埋まることもありません。画像に含まれる独立した色が指定数より少ない場合、パレットはその分短くなります。縮小しても結果は変わらず、処理が速くなるだけです。透明なピクセルは数えないので、背景が透明なロゴのパレットが誤って黒だらけになることはありません。レポートは JSON でダウンロードできます。1 ピクセルの色を知りたい場合は「画像カラーピッカー」、メインカラーから調和する色を作りたい場合は「カラーパレット生成」を使ってください。
最初から最後まで
- 画像をアップロード 写真、ロゴ、デザインをドラッグするか選択します。
- 色の数を選ぶ 2〜16 色。ロゴなら 3〜5 色、写真なら 6〜10 色で十分なことが多いです。
- パレットを使う HEX コードをコピーするか、レポートを JSON でダウンロードします。ツールを閉じるとサーバー上のコピーは削除されます。
よくある質問
選んだ数より少ない色しか出ないのはなぜですか？
2 色のロゴのように、画像にそれほど多くの異なる色がない場合は、パレットの色数も少なくなります。
パーセントは何を表していますか？
表示されているピクセルのうち、各色が占める割合です。写真で空色が 40% なら、画像の約 40% がその色合いに近いということです。
色は画像のピクセルとまったく同じですか？
パレットは似た色を 1 つの平均色にまとめるため、ある色の HEX コードが画像内のどのピクセルとも完全には一致しないことがあります。正確なピクセルの色が必要なら「画像カラーピッカー」を使ってください。
ファイルはサーバーに残りますか？
いいえ。ファイルは処理のためだけにサーバーへ送られ、処理が終わると削除されます。結果もダウンロードしてツールを閉じると削除されます。アカウント、名前、メールアドレスは不要で、ファイルが第三者のサービスに送られることはありません。利用は無料です。処理回数に 1 時間あたり・1 日あたりの上限はなく、処理の前に広告を見る必要もなく、出力に透かしを入れることもありません。
その他の画像ツール
RUPO Studio