ドット絵のパレット選び方を5ステップで習得

ドット絵のパレット選びは、描きながら色を足すのではなく、描く前に色数と配色を固める「パレット・ファースト」で考えると、濁りやすい色面がすっと整理されます。
1スプライトの実用色数は4〜16色が目安で、まずは3色で全体を塗り、足りなければ4色目を光か影として足す進め方が扱いやすいでしょう。
配色も、モノクロ・類似色・補色・トライアドの4つを使い分ければ、感覚頼りの選び方から抜け出せます。
影を黒く落としただけの3色ランプより、影を青へ、光を黄へ振ったヒュー・シフト版のほうが立体感が締まって見えるので、色数を増やす前に色の役割を決めてみてください。

パレット選びの5ステップ早わかり

パレット選びは、色数を決めてから配色タイプを選び、カラーランプを作り、ヒュー・シフトで立体感を整え、最後にツールで微調整する五段階で考えると整理しやすいです。
描きながら色を足すのではなく、先に使う色を固めるパレット・ファーストにすると、迷いが減って画面全体の統一感も作りやすくなります。
特に色が濁りやすい人ほど、この順番で進める意味が出てきます。

5ステップの全体像

パレット選びの流れは、色数決定→配色タイプ選択→カラーランプ作成→ヒューシフト→ツールで微調整、という順番で組むのが基本です。
1スプライトの実用的な色数は4〜16色が目安で、まず3色で全体を塗り、足りなければ4色目を極端な光か影として足す進め方が失敗しにくいです。
32x32のキャラでも、16色をフルに使うより8色に絞ったほうが、どの色をどこに置くかを考えるようになり、画面が締まりやすくなります。

この順番が効くのは、各工程が独立していないからです。
ステップ1で色数を決めると、ステップ3で作るランプの段数が自然に決まり、ステップ2で選んだ配色タイプが、ステップ4のヒュー・シフトをどちらに振るかまで縛ります。
最初に全体像を見せておくと、読者は「今どの判断をしているのか」を見失いにくくなりますし、色を増やしたせいで後から濁りを直す手戻りも減ります。

なぜ『描く前に色を決める』のか

描き始めてから「この影、何色にしよう」と毎回手が止まるなら、まだ色数も配色も決まっていません。
先に5色のパレットを並べてから塗り始めるだけで、使える色が固定されるため迷いが消え、作業速度が上がります。
色を足しながら考えるやり方は、便利に見えて実際には選択肢を増やし続けるので、統一感が崩れやすいのです。

パレット・ファーストは、特に中級者が感覚任せから抜けるときに効きます。
この記事ではAseprite などのドット絵ツールが使える前提で、各ステップに具体的な数値や操作を添えながら、根拠で色を決める流れを扱います。
色相環でどう組むか、影をどこまで落とすか、どのタイミングで寒色側へ振るかが見えてくると、濁りは「あとで直す問題」ではなく「最初に避ける設計」になります。

この記事で使う前提ツール

Aseprite は、2色間の自動グラデーション生成や Shift＋ホイールでの色相調整が扱いやすく、ランプ作成とヒュー・シフトの確認に向いています。
Lospec には2500以上の無料パレットがあり、PNG/PAL/ASE/TXT/GPL/HEX の6形式で配布されているので、PICO-8 や DawnBringer DB16/DB32 も手元に置きやすいです。
Coolors は無料で最大5色生成、WCAGコントラストチェック、画像抽出まで備えているため、配色候補の絞り込みに向いています。

レトロハードの制限を知っておくと、現代のパレット設計にも芯が通ります。
ファミコンは1タイル4色、スーパーファミコンのスプライトは8パレットから各16色、初代ゲームボーイは実質4階調モノクロでした。
こうした制約の中で成立した絵は、色数が少ないからこそ役割分担が明確で、今のドット絵でも「何を残し、何を捨てるか」を考える基準になります。
おすすめです。

ステップ1：色数を決める

色数の上限を先に決めると、色選びの迷いが一気に減ります。
無制限に足せる状態では、明暗や彩度の判断が場当たり的になりやすく、画面のまとまりも崩れやすいからです。
逆に4色や16色のような枠を置くと、「この色をどこに置くか」が設計に変わり、ドット絵らしい締まりが出ます。

色数を絞ると『ドット絵らしさ』が出る理由

パレット・ファーストで考えると、描きながら色を増やすのではなく、最初に使う色数を固定したうえで構図と塗りを組み立てる流れになります。
1スプライトあたり4〜16色に絞るのが一般的な目安で、制約があるほど配色の役割分担が明確になるのが利点です。
色を自由に増やせる環境では、影にもハイライトにも似た色を散らしやすく、結果として輪郭がぼやけます。

16色パレットで描いていて全体が散らかったとき、近い色どうしを思い切って統合して8色に減らすと、画面が不思議と落ち着くことがあります。
色は多いほど良いわけではありません。
むしろ少ない枠の中でベース、影、光をどう配るかを考えるほうが、意図のある見え方に近づきます。

3色スタート→4色目を足す段階法

おすすめの進め方は、まず3色で全体を塗ってみることです。
3色で成立するならそのまま完成にし、足りないと感じたときだけ4色目を入れます。
最初から多色で組むより、必要な場所だけを見極めながら足していくほうが、後から引き算するより失敗しにくいでしょう。

キャラ練習では、輪郭・影・ベース・ハイライトの4色だけで描く方法が有効です。
各色の役割がはっきりするので、1色ごとの意味がぶれません。
後で色数を増やしても、どの色が何を担当するかを崩さずに拡張できます。
まずはこの4色設計を身体に入れてみてください。

用途別の色数の目安

題材ごとに上限を変える発想も欠かせません。
小さなキャラスプライトなら4〜8色で十分まとまりやすく、背景タイルのように複数のオブジェクトが並ぶ素材では16色あると質感を作り分けやすいです。
つまり、必要な色数は「何を描くか」で決まるのであり、同じ基準をすべてに当てる必要はありません。

初心者には、まず16色パレットから始める方法がおすすめです。
少なすぎると表現の幅に困り、多すぎると選択肢に溺れやすいからです。
16色は、試行錯誤しながらも管理しきれる現実的な出発点です。
慣れてきたら8色へ、さらに4色へと絞ってみてください。
色数を削るほど、1色の責任が見えてきます。

ステップ2：色相環で配色タイプを選ぶ

色相環で配色タイプを選ぶと、完成画面の印象はかなり整理しやすくなります。
まずはモノクロ、類似色、補色、トライアドの4タイプを把握して、作品の目的に合うものから当てはめると迷いが減るでしょう。
統一感を最優先するのか、主役を前に出すのかで選択は変わります。

モノクロ・類似色：統一感を出したいとき

モノクロは1つの色相の明度・彩度違いだけで組むため、全体のまとまりが最も高く、失敗しにくい配色です。
色数が少ないぶん画面が散らばらず、キャラ、服、背景を同じ世界観でまとめたいときに向いています。
ただし明暗差が弱いと輪郭まで埋もれやすくなるので、明度の段差を意識して作るのがコツです。
類似色は色相環で隣り合う色どうしを使う方法で、森、草原、空気感のある背景のように、自然なつながりを見せたい題材と相性がいいです。

実際、森や草原の背景を黄緑〜緑〜青緑でまとめると、色数が増えても喧嘩しにくく、空間全体に落ち着きが出ます。
そこへ補色の赤い花を1点だけ置くと、視線が自然に集まり、単調さも避けられます。
類似色は「なじませる」ための配色、モノクロは「絞り込む」ための配色だと考えると使い分けやすいでしょう。

補色・トライアド：主役を目立たせたいとき

補色は色相環の反対側どうしを組み合わせるため、コントラストが最大になり、キャラを背景から浮き立たせやすい配色です。
背景に沈んで見えるときは、キャラ側に背景の補色を1色仕込むだけでも前に出て見えます。
差し色としては効果が分かりやすく、主役を一瞬で読ませたい場面に向くのが強みです。
とはいえ刺激が強いので、1スプライトに1ペアまでに留めるのが安全で、使いすぎると画面がうるさくなります。

トライアドは色相環を3等分した3色で、補色ほど強烈ではなく、類似色ほど地味でもない中間の鮮やかさが出ます。
バランス良く彩りを持たせたいゲーム画面や、複数の要素を並べつつ主役も埋もれさせたくない場面に向いています。
補色で一点突破するか、トライアドで広く整えるかを分けて考えると、配色の意図がはっきりします。

配色タイプ別の向き不向き早見

配色タイプは「何を目立たせたいか」で選ぶのが基本です。
統一感ならモノクロか類似色、主役の存在感なら補色かトライアド、と切り分けると判断が速くなります。
迷ったときは、まず背景を類似色でまとめ、必要な場所だけ補色を差す形から始めてみてください。

ステップ3：カラーランプ（明暗の段）を作る

カラーランプは、1つの色を影・ベース・ハイライトへと分けて組み立てる考え方です。
16x16や32x32の小さなスプライトでは、まずこの3段を作るだけで形が立ち、素材の見え方まで整いやすくなります。
段を増やす必要がある場面でも、最初から多段にせず、役割の違う段を少しずつ足していく流れが扱いやすいでしょう。

3段ランプ（影・ベース・ハイライト）の作り方

3段ランプは、影・ベース・ハイライトをはっきり分けるだけの設計です。
小さな絵では色数が限られるぶん、各段の役割が曖昧だと形がぼやけますが、最初に明暗の骨組みを作ると、輪郭を強く見せたい場所と面を広く見せたい場所を分けやすくなります。
まずはベースを中心に置き、そこから暗くする段と明るくする段を両側へ作ってみてください。

この3段は、肌でも服でも金属でも応用しやすい基本形です。
とくに16x16や32x32のスプライトでは、細かいグラデーションよりも、どの面が光を受け、どの面が影に沈むかを一目で伝えるほうが効きます。
おすすめです。
中間色を増やす前に、まずは3段だけで立体が読めるかを確かめてみましょう。

段数を増やすときの考え方

段数を増やすときは、影とベースの間、ベースとハイライトの間に中間色を足します。
大切なのは、追加した1段に「どの明るさを担当させるか」をはっきり持たせることです。
いきなり5段、7段と広げると、似たような色が並んで役割がぼやけやすくなります。
3段で足りなければ、必要な側だけに1段ずつ足していくほうがのです。

この考え方は、素材ごとに必要な段の密度が違うからこそ効きます。
肌色のランプなら、影をただ暗い茶にすると泥っぽくなりますが、彩度を少し残したまま明度を落とすと、健康的な影としてまとまります。
金属なら逆に、影とハイライトの明度差を大きくし、間の中間色を少なくすると、面の切り替わりが鋭くなってメタリックに見えます。
段数は多ければよいのではなく、素材に合う間隔を作るために増やすものです。

彩度と明度をどう動かすか

影に向かう基本操作は、明度を下げるだけでなく彩度も下げることです。
明部はフル彩度近く、影部は彩度を落とすと画面が締まりやすく、同じ色相でも空気感が変わります。
逆に、影の彩度を上げると鮮やかな影になり、少し不思議な緊張感が出ます。
どちらが正しいというより、色の動かし方で印象が変わると捉えると扱いやすいでしょう。

この操作は、ランプを作るときの最終調整にもなります。
たとえば肌の影で彩度を落としすぎると温度が消え、厚みのない色になりますが、少しだけ色味を残すと血の気が感じられます。
金属では明暗差を優先して中間の彩度を控えめにするなど、素材ごとに配分を変えてみてください。
ランプづくりは色を並べる作業ではなく、どこで彩度を引き、どこで明度を跳ね上げるかを決める設計です。
モノクロなら1本のランプを深く作り込み、補色配色ならベースのランプとは別に差し色用の短いランプも用意しましょう。

ステップ4：ヒュー・シフトで深みを出す

ヒュー・シフトは、ランプを作るときに明度だけでなく色相も少しずらしていく技法です。
影を青や紫の寒色側へ、ハイライトを黄や橙の暖色側へ振ると、同じ段数でも色が沈まず、面のつながりに息づかいが生まれます。
明度だけを下げた単純なランプは、どうしても濁りやすい。
そこに色相の差を足すことで、立体感と色味の豊かさが同時に立ち上がります。

なぜヒュー・シフトで色が生き生きするのか

ヒュー・シフトが効く理由は、暗くすることと色を死なせることが同じではないからです。
赤のベースをただ暗い赤へ落とすと、彩度も勢いも落ち込み、面の境目が重たく見えます。
影を少し紫寄りに、ハイライトを少し橙寄りに振るだけで、赤のままなのに空気の通り道ができるのが面白いところでしょう。
青いスライムを例にすると分かりやすく、明度だけ下げた版より、ヒュー・シフト版のほうが影は紫がかり、光は水色寄りになって、ぷるんとした立体感が出ます。
差は一目瞭然です。

影を寒色・光を暖色に振る具体手順

まず場面の光を決めます。
たき火や夕日を想定するなら、光は暖色、影はその反対側へ寄せる考え方が扱いやすいです。
ハイライトを橙に強め、影を青紫に振ると、単なる着色ではなく、光源の温度感まで画面に入ります。
逆に、昼の自然光なら光源に近い色をハイライトへ、影はその補色側へ少し逃がすと、自然な奥行きが出やすい。
光の当たる面は光源の色相へ、影は光源と反対へずらす。
この原理を守るだけで、ランプ作りの迷いはかなり減ります。

やりすぎを防ぐさじ加減

ヒュー・シフトは強く振ればよい技法ではありません。
色相を振りすぎると、同じ素材なのに別の色に見え始め、統一感が崩れます。
隣り合う段の差は控えめにして、ランプ全体を見たときに1つの色として読める範囲に収めるのが基本です。
たとえば影を青紫、光を黄橙へ寄せても、どちらもベースの色味から離れすぎないことが大切になります。
迷ったら、まず明度差を確保し、その上で色相を少しだけ足す。
これなら破綻しにくく、自然な深みが出ます。

ステップ5：ツールでパレットを作る・取り込む

Lospec、Coolors、Aseprite を組み合わせると、パレット作りは「探す・試す・整える」の3段階でかなり進めやすくなります。
まず Lospec で既製パレットの方向性をつかみ、次に Coolors で土台を組み、最後に Aseprite で自分の絵に合うよう微調整する流れです。
ゼロから悩み続けるより、この順番のほうが手が速く、色の迷いも減ります。

Lospec から既製パレットを取り込む

Lospec には2500以上の無料パレットがまとまっていて、PNG・PAL・ASE・TXT・GPL・HEX の6形式で持ち出せます。
PICO-8 や DawnBringer の DB16・DB32 のような有名どころも見つかるので、まずは「どんな色数で、どんな明暗差にするか」を借りる場所として使いやすいのです。
配色に詰まったときは、16色タグのパレットを眺めて、ひと目で雰囲気がつかめるものを取り込んでみるとよいでしょう。

既製パレットの強みは、単に色が並んでいることではありません。
最初から使える明暗の段差や、くすみ方の設計が入っているため、作品のモチーフに合わせた調整だけに集中しやすくなります。
ゼロから作ると、明るさの差が足りないまま色数だけ増えたり、逆に彩度が高すぎて扱いにくくなったりしがちです。
叩き台を借りる発想は、安定したスタートを切る近道です。

Coolors で配色を自動生成する

Coolors は配色を自動生成するツールで、無料版でも最大5色のパレットを作れます。
スペースキーで再生成できるので、手で一色ずつ考え込むよりも、候補を大量に見比べながら方向性を絞りやすいのが利点です。
さらに WCAG基準のコントラストチェックや画像からの色抽出も備えているため、背景と主役の見分けやすさを早い段階で確認できます。

この段階でやるべきことは、完成形を決めることではありません。
むしろ、作品の主色・補助色・アクセント色の関係をざっくり決めることです。
5色までの制限があるからこそ、色数を増やして逃げずに済み、画面の骨格が見えやすくなります。
モチーフに合う温度感を見つける土台として使うと、後工程のAsepriteでの作業が軽くなります。

Aseprite でランプを編集・微調整する

Aseprite ではパレットの色を直接編集でき、2色間の自動グラデーション生成でランプの中間色を一気に埋められます。
しかも、そのまま使うのではなく、生成後に各段へ手でヒュー・シフトを足すと、機械的な滑らかさに少しだけ癖が乗ります。
Shift や Ctrl を押しながらホイールを回せば、明度や彩度を保ったまま色相だけ動かせるので、ランプのつながりを崩さずに調整しやすいです。

この操作が効くのは、パレットが「色の一覧」ではなく「画面で機能する順序」だからです。
自動生成は速いですが、絵にしたときの質感はまだ粗いことが多いので、輪郭用、影用、ハイライト用の関係を見ながら少しずつ詰める必要があります。
Coolors や Lospec で得た配色をそのまま固定するより、Aseprite でモチーフに寄せて仕上げる流れのほうが、作品全体の一体感が出ます。

レトロハードのパレット制限に学ぶ

ファミコン、スーファミ、ゲームボーイの制約は、ただのスペック差ではありません。
色数の上限がそのまま画づくりの判断基準になり、何を残して何を捨てるかの思考を鍛える装置になっていたのです。
レトロハードを見直すと、限られたパレットの中で形を立てる設計こそ、今のピクセルアートにもそのまま活きると分かります。

ファミコン：4色制限のレトロ感

ファミコンは1タイルあたり4色、つまり背景色＋3色という厳しい条件で画面を組み立てていました。
スプライトも複数のパレットを切り替えて表現する必要があり、1色の置き方にまで意味が出るため、キャラの輪郭や陰影が自然と単純化されます。
その制約が、あの独特のレトロな雰囲気を生み出した源です。
実際に小さなキャラを描くと、色を増やすより「どの色をどこに置くか」を詰める感覚が先に育ちます。
制限は不自由ではなく、最高の練習問題だと感じるはずです。

スーファミ：16色で広がった表現

スーファミではスプライトが8つのパレットから1つを選び、各16色まで使えるようになりました。
ファミコンの4色制限と比べると選択肢が一気に増え、グラデーションや質感の表現が広がります。
金属の反射、布のやわらかさ、肌のなめらかさのような差を、少ない色数でも作り分けやすくなったのが大きいところです。
色数が増えると自由度だけが上がるように見えますが、実際には「どの16色で世界観をまとめるか」という別の設計力が要ります。
表現の幅と統一感を両立させる段階に進んだ、という理解がしっくりきます。

ゲームボーイ：4階調という究極の縛り

初代ゲームボーイは実質4階調のモノクロ表示という究極の縛りでした。
色相が一切使えないぶん、明度の差だけで形を立たせる必要があり、シルエットと陰影の整理がそのまま読みやすさにつながります。
ゲームボーイでキャラを描くと、色に頼れないので輪郭の強さや面の切り替えが厳しく問われますが、この練習を経ると、色付きの絵でも明度設計が安定してきます。
現代の制作でも、あえて4階調で描いてみてください。
明度で形を立てる感覚が、あとで色を足すときの土台になります。