ポケモンパレット

すがたの色を抽出して、イメージカラーのアイコンをつくる

全国図鑑 809種
—

ポケモンを選択してください

アイコン

配色
スタイル
形
書き出しサイズ

抽出パレット

画像のピクセルを数え上げ、面積の大きい順に並べています。色をクリックするとHEXをコピーします。

ポケモンパレットとは

ポケモンパレットは、ポケモンのすがた（全国図鑑No.001〜809）から 実際に多く使われている色を抽出し、面積の大きい順に並べる無料のWebツールです。 抽出した色はそのままアイコンの配色に使えて、最大1024pxのPNG画像として書き出せます。 インストールも会員登録も不要で、パソコンでもスマートフォンのブラウザでも動きます。

使い方

  1. 一覧からポケモンを選びます。スマートフォンでは画面下のバーをタップすると一覧が開きます。名前はひらがなでも、図鑑No.の数字でも検索できます。
  2. 「抽出パレット」に最大8色が面積順に並びます。色をクリック（タップ）するとHEXがコピーされます。
  3. アイコンのスタイルと形を選び、配色の各枠をタップして色を入れ替えます。
  4. 「PNGをダウンロード」で画像として保存します。書き出しサイズは256・512・1024pxから選べます。

色の抽出のしくみ

画像のピクセルを1点ずつ数えています。透明な部分と輪郭のにじみを除いたうえで、 RGBを各32段階に量子化し、ピクセル数の多い順にCIE L*a*b*色空間で近い色をまとめていきます。 多い順に処理するので、その画像でもっとも面積の大きい色が必ず先頭に来ます。 各色には全体に占める割合を表示しているので、「この色が何%を占めるか」まで分かります。 外部の色抽出ライブラリは使わず、すべてブラウザ内で計算しています。画像がサーバーに送られることはありません。

よくある質問

無料で使えますか？
はい。会員登録もインストールも不要で、すべての機能を無料で使えます。
スマホでも使えますか？
使えます。iPhone・Androidのブラウザに対応していて、画面下のバーからポケモンを切り替えられます。
抽出した色は何に使えますか？
HEXコードを1色ずつコピーできるほか、8色をまとめてコピーしたり、CSSのカスタムプロパティ（CSS変数）の形で書き出したりできます。資料やスライドの配色、Webサイトのテーマカラー決めに使えます。
つくったアイコンは自由に使えますか？
書き出されるアイコンは抽出した色だけで構成された抽象的な図形で、ポケモンのイラストそのものは含まれません。個人の範囲で自由にお使いください。ただしポケモンの名称・画像に関する権利は株式会社ポケモン／任天堂にあります。
どのポケモンに対応していますか？
全国図鑑No.001のフシギダネからNo.809のメルメタルまで、809種に対応しています。カントー・ジョウト・ホウエン・シンオウ・イッシュ・カロス・アローラの各地方で絞り込めます。