無料画像パレット抽出

PNG・JPG・WebP・GIF・SVG・AVIF・BMP から代表色を最大8色抽出し、HEX と RGB をコピーできます。処理はブラウザー内で行います。

画像はブラウザー内で分析されます。

またはこのページのどこにでも画像を1つドロップ

画像を選択してください。

カラーピッカーとパレット抽出

知っておきたいこと

抽出ツールは画像の長辺が160px以下になるよう縮小してから、ピクセルを数えます。アルファ値が255のうち180未満のピクセルは除外されるので、背景が透明な PNG ロゴでも、空白ではなく絵柄そのものの色が得られます。

残ったピクセルは、数える前にチャンネルごとに24の倍数へ丸められます。200 は 192、250 は 240 になり、ほぼ同じ色が数千個まとまって1つの区分になります。そのため色見本はファイル内の正確なピクセルではなく、代表値です。

区分はピクセル数の多い順に並べられます。すでに選んだ色見本との RGB 距離が58以内の区分は除外されるので、少しずつ違う青が8枚並ぶことを防げます。色見本は最大8色で、多い順に表示されます。

特定の1点の正確な値が必要なときは、プレビュー上のピクセルをクリックします。縮小サンプルではなく元の解像度から値を読み取り、HEX と RGB をコピーボタンつきで表示します。ファイルはページの外へ送られず、GIF・SVG・AVIF もローカルで読み込みます。

作業別ツール 12
関連ツール 13
無料画像パレット抽出の使い方
  1. 画像を選ぶか、ページのどこにでもドロップします。PNG、JPG、WebP、GIF、SVG、AVIF、BMP に対応しています。
  2. プレビューが表示されたら、ピクセル数順に並ぶ最大8色の色見本を確認します。
  3. 色見本の HEX または RGB ボタンで、#F0C060 や rgb(240, 192, 96) のような値をコピーします。
  4. 区分ではなく正確な1点の色が必要なときは、プレビュー上のピクセルをクリックします。
  5. 別のファイルは「画像を置き換え」で読み込みます。処理するのは一度に1枚です。

よくある質問

色見本が見た目のピクセルと少し違うのはなぜですか?

色見本はチャンネルごとに24の倍数(192、216、240 など)へ丸めた値です。正確な値はプレビュー上でそのピクセルをクリックして確認してください。

色が8色より少ないのはなぜですか?

選択済みの色見本と RGB 距離が58未満の色は除外されます。単色に近い画像では数色になることがあり、アルファ180未満の透明部分も無視されます。

複数の画像を一度にドロップできますか?

いいえ。新しいファイルが現在の分析を置き換えるため、複数ドロップすると1枚だけにするよう案内が出ます。