配色の黄金比70:25:5 ─ 3色バランスで迷わない色塗り

色をたくさん置いたのに、なぜか絵がまとまらない。丁寧に塗ったはずなのに、全体が濁って見える。そんなとき、つい「自分には配色センスがないのかも」と落ち込んでしまいますよね。でも、原因はセンスではなく「比率」であることがとても多いんです。使う色を大きく3つの役割に分けて、その面積のバランスを整えるだけで、配色はぐっと安定します。この記事では、その代表的な目安「70:25:5」を、イラストや漫画を描く人の手元の話に翻訳しながら、いっしょに見ていきましょう。

色は「多い順」に役割がある ─ ベース70 / メイン25 / アクセント5

配色を考えるとき、まず知っておきたいのは「すべての色が対等ではない」ということです。1枚の絵の中で、色にはそれぞれ果たす役割があり、その役割は「どれだけ広い面積を占めるか」とセットになっています。

代表的な目安が 70:25:5 です。これは3つの色を、面積の比率でこう配分する考え方です。

• ベースカラー(約70%) ── いちばん広い面積を占める土台の色。全体の雰囲気を決めます。イラストなら、肌や髪、服の大部分、背景の空気感など「その絵をパッと見たときの印象」を左右する部分です。淡い色や彩度の低い色、白・グレーなどの主張しすぎない色が選ばれやすいのが特徴です。
• メインカラー(約25%) ── 作品やキャラクターの性格を印象づける主役の色。「この子といえばこの色」というテーマカラーを担います。ベースより狭いけれど、絵の個性を決める大事なポジションです。
• アクセントカラー(約5%) ── ごく狭い面積に置いて、絵を引き締める差し色。目のハイライト、瞳の色、小物、装飾など、視線を集めたいところにちょんと置きます。

呼び名は解説記事によって揺れます。この記事では「メイン=25%を占める主役の色」として統一して進めますね。呼び名で迷ったときは、大事なのは名前ではなく ベース > メイン > アクセント という大小関係 だと覚えておいてください。

豆知識:70:25:5は「目安」です よく似た比率に「60:30:10の法則」もあります。数字が違うだけで、考え方は同じ。ピクセル単位でぴったり測る必要はまったくありません。「ベースがいちばん多くて、アクセントがいちばん少ない」──この大小関係さえ守れば、細かい数字はあなたの絵に合わせて調整して大丈夫です。

なぜ5%のアクセントが効くのか ─ まわりとの差が視線を集める

「たった5%の色なんて、影響が小さいのでは?」と思うかもしれません。でも実は、まわりと大きく異なる色を狭い面積に置くからこそ、そこが際立つんです。ポイントは面積の小ささそのものではなく、周囲との「差」にあります。

広い面(ベース)に対して、ごく狭い面積に、色みや明るさ・鮮やかさが大きく違う色をポツンと置くと、まわりが静かな中でそこだけが前に飛び出して見えます。逆に、まわりと似た色をいくら置いても目立ちません。この対比の効果が、絵にメリハリと物語を生みます。真っ白なキャラの手元に、ひとつだけ鮮やかな花を持たせる。それだけで視線がそこに集まりますよね。あの感覚です。

だからこそ、初心者がやりがちな失敗が 「アクセントを広げすぎる」 こと。せっかくの差し色も、面積が増えるとただの「もう一つの色」になってしまい、引き締め役ではなくなります。アクセントは「狭く、まわりと差をつけて」が鉄則です。

迷わないための配色の順序 ─ メイン→ベース→アクセントの3ステップ

役割が分かっても、いざ塗るとなると「どこから決めればいいの?」と手が止まりますよね。おすすめは、次の3ステップの順番です。

ステップ1:メインカラーを決める

まずは主役の色から。「このキャラや絵で、いちばん見せたい色は何か?」を決めます。キャラの性格やテーマ、伝えたい雰囲気を思い浮かべて、象徴になる色を一つ選びましょう。ここが決まると、絵全体の方向性が定まります。

ステップ2:ベースカラーを決める

次に、メインを引き立てる土台の色を選びます。ポイントは「主張しすぎないこと」。メインより彩度を落としたり、明度を上げたりして、広い面積でも目が疲れない色にします。ベースが静かであるほど、メインとアクセントが映えます。

ステップ3:アクセントカラーを決める

最後に、絵を引き締める差し色を、ごく狭い面積のために選びます。ここで少し攻めた色を使っても大丈夫。むしろ「ちょっと冒険かな」くらいの色が、5%の面積ならちょうどよく効いてくれます。

豆知識:困ったらベースを無彩色から ベース選びで迷ったら、白・グレー・薄いベージュなどの無彩色や低彩度色から始めてみてください。メインとアクセントがどんな色でも受け止めてくれる、失敗の少ない出発点です。

3色の関係を色相環で選ぶ ─ 類似色 / 補色 / トライアド

「比率」は面積の話でしたが、ここからは「どんな色を組み合わせるか」という色選びの話です。この二つは別の軸なので、分けて考えると混乱しません。

色選びで頼りになるのが 色相環(しきそうかん) です。赤・橙・黄・緑・青・紫……と、色みの違いを輪っかに並べた図で、色同士の関係が一目で分かります。

色相環を使った代表的な組み合わせを、3つ紹介します。

• 類似色(近い色同士) ── 色相環でとなり合った色同士。色みが近いのでまとまりやすく、穏やかで安定した印象になりやすい組み合わせです。統一感を出したいときに。
• 補色 ── 色相環で正反対にある色同士。互いをとても強く引き立て合う関係で、コントラストをはっきり出しやすくなります。アクセントに補色を選ぶと、5%でもしっかり主張してくれます。
• トライアド ── 色相環に正三角形を当てて、120度ずつ離れた3色を選ぶ方法。バランスを保ちつつ、リズミカルで元気な印象を作りやすい配色です。

豆知識:色の見え方は人それぞれ 色の見え方には個人差があり、たとえば赤と緑の組み合わせは見分けにくいと感じる人もいます。色みの違い(補色コントラスト)だけに頼って情報を伝えようとすると、伝わりにくくなることがあります。明るさ(明度)の差もいっしょに付けておくと、より多くの人に届く配色になります。作品づくりの一工夫として、頭の片隅に置いておくと素敵です。

よくある失敗3つ

ここで、初心者がつまずきやすいポイントを3つ、まとめておきます。心当たりがあっても大丈夫。どれも比率の意識で直せます。

1. 彩度を全部上げてしまう どの色も鮮やかにすると、全部が主張し合って目がチカチカし、主役が埋もれます。→ ベースの彩度を思いきって下げましょう。

2. アクセントを広げすぎる 差し色が気に入って、つい面積を増やしてしまう。→ アクセントは狭く。広げるとメリハリが消えます。

3. ベースが主張しすぎる 土台の色が濃く鮮やかだと、メインもアクセントも負けてしまいます。→ ベースは一歩引いた、静かな色に。

作例で見る70:25:5 ─ 同じ絵でも比率で印象はこう変わる

言葉だけだとピンと来にくいので、同じイラストで比率を変えたビフォーアフターを見てみましょう。

たとえば、青い服のキャラクターを描くとします。ビフォーでは、服も背景も小物も、あちこちに同じくらい鮮やかな色を散らしてしまいました。結果、視線が定まらず、なんだか騒がしい印象です。

アフターでは、背景と肌を淡い色でまとめてベース(約70%)にし、青い服をメイン(約25%)、そして瞳とリボンだけを、暗めの背景に映える明るい差し色=アクセント(約5%)に絞りました。すると、視線が自然にキャラの顔まわりへ導かれ、青い服の存在感も際立ちます。使っている色みはほとんど同じなのに、面積のバランスを整えるだけで、こんなに印象が変わるんです。差し色は色みだけでなく明るさの差もつけると、さらに効いてくれます。

試しに、アクセントを狭くした場合と広げすぎた場合も並べてみましょう。狭いときは視線が一点に集まり、広げすぎると差し色が「ただの色」に戻ってしまうのが分かります。

自分の絵の配色バランスを客観チェックする

ここまで読んで、「じゃあ、自分の絵は今どんな比率になっているんだろう?」と気になってきませんか。実は、自分の完成イラストの配色を、自分の目だけで客観的に測るのはなかなか難しいものです。描いているうちに目が慣れてしまうからです。

そこでおすすめなのが、無料Webツールの パレット診断 です。イラストの配色を5層に分解して、支配的な主要色や全体の印象、使われている配色技法(補色・トライアドなど)を、客観的な言葉で見せてくれます。さらに彩度や明度の偏りに対する改善提案まで出してくれるので、この記事で見てきた「ベース/メイン/アクセント」の発想と地続きの目線で、あなたの絵を見つめ直せます。

「70:25:5を意識したつもりだけど、本当にそうなってる?」──そんな 答え合わせ に使ってみてください。登録不要・無料で、画像はサーバーに送信されず手元で処理されます。理論を頭で理解したあとに自分の絵で確かめると、次に描くときの手応えがぐっと変わりますよ。

まとめ ─ 3色の比率を意識するだけで配色は安定する

最後に、この記事のポイントを振り返ります。

• 配色が濁る・まとまらない原因は、センスではなく 面積の比率 であることが多い。
• 色には役割があり、ベース(約70%)>メイン(約25%)>アクセント(約5%) の大小関係が基本。70:25:5も60:30:10も、あくまで 目安 で、数字ぴったりを目指さなくて大丈夫。
• アクセントが効くのは面積が小さいからではなく、まわりとの差があるから。狭い面積に、まわりと違う色を置くのがコツ。
• 面積の比率(どれくらい使うか)と、色選び(色相環で類似色・補色・トライアドなど)は別の軸。分けて考えるとうまくいきます。
• 色の見え方の個人差にも少し配慮すると、より届く配色に。

配色は、生まれ持ったセンスで決まるものではありません。3色の比率という「型」を一つ持っておくだけで、迷いはぐっと減ります。まずは次の一枚で、ベース・メイン・アクセントを意識して塗ってみてください。そして完成したら、パレット診断で答え合わせを。あなたの絵が、もっと伝わる配色になりますように。