イラストノウハウ
特殊効果・テクニック

初心者も簡単!配色・色選びの基本

  • 描き方

色選びの基本ルール

色は、「色相」「彩度」「明度」という3つの要素で構成されています。この3つのバランスを理解することが、色選びの第一歩です。

色相:色の種類

色相(しきそう)とは、赤や青、黄色といった色味そのもののことです。「色合い」ともいいます。 この色相を円状に並べたものを色相環(しきそうかん)と呼びます。

色相環で正反対に位置する色同士を補色(ほしょく)といい、お互いを引き立て合う効果があります。

彩度:色の鮮やかさ

彩度(さいど)とは、色の鮮やかさの度合いのことです。

  • 彩度が高い: ビビッドで鮮やかな色味になります。「派手」「元気」「賑やか」なイメージにしたい時に使いましょう。
  • 彩度が低い: くすんだような落ち着いた色味になります。「穏やか」「渋い」「アンティーク」といったイメージにしたい時に使ってみてください。

ちなみに、黒、白、グレーには彩度がなく、無彩色(むさいしょく)と呼ばれます。それ以外の彩度を持つすべての色が有彩色(ゆうさいしょく)です。

明度:色の明るさ

明度(めいど)とは、色の明るさの度合いのことです。

  • 明度が高い: 色は明るくなり、最終的には白になります。
  • 明度が低い: 色は暗くなり、最終的には黒になります。

この明度の差をコントラストといいます。コントラストが高いほどイラストにメリハリが生まれ、低いほど柔らかく、ぼやけた印象になります。

配色の基本

配色の黄金比「70:25:5の法則」

色がなかなか決まらない時は、まず3色を選び、「70%:25%:5%」の比率で配色してみましょう。これは、多くのデザインで使われているバランスの良い比率です。

  • ベースカラー(70%): 最も大きな面積を占める背景や土台の色。
  • メインカラー(25%): 作品の主役となる、テーマを象徴する色。
  • アクセントカラー(5%): 画面を引き締め、アクセントを持たせるための差し色。

色を決める際は、「メイン → ベース → アクセント」の順で決めていくのがおすすめです。

色相環を使いこなす3つの組み合わせ

色相環を使うと、まとまりのある色の組み合わせを簡単に見つけられます。

補色

色相環で正反対にある色の組み合わせです。お互いを強く引き立て合うため、インパクトがあり目立つ配色になります。

類似色

色相環で隣り合う色の組み合わせです。色味が似ているため、イラスト全体に安定感やまとまりが生まれます

反対色

色相環で正反対の色の両隣にある2色を選ぶ組み合わせです。補色よりも少し柔らかい印象になり、メリハリがありながらもバランスの取れた配色になります。

イラストに統一感を出す配色テクニック

トーンを揃える

全体の色の色調(明るさや鮮やかさの調子)を合わせることで、まとまりのある印象になります。背景のトーンを少し変えて主役を目立たせるなど、工夫してみましょう。

セパレーションカラーを使う

色の組み合わせが強すぎると感じる時は、色の境界線に白や黒、グレーなどの無彩色を加えてみましょう。色同士が分離され、全体が引き締まり調和が生まれます。

グラデーションを活用する

グラデーションを使うと、単調な塗りに深みと豊かさを出すことができます。また、見せたい部分に視線が集まるように明暗のグラデーションをかけるのも効果的です。

配色のよくある失敗例と改善策

色を使いすぎている

まずは3色程度に絞ってみましょう。 色数を絞ることで、イラスト全体の雰囲気をまとめやすくなります。先に紹介した「70:25:5の法則」を意識してみてください。

原色ばかりでチカチカする

彩度や明度を調整してみましょう。 すべての色を鮮やかにするのではなく、どれか一つの色の彩度や明度を少し下げてみてください。ツールの「色調補正」などで、全体のバランスを見ながら調整するのがおすすめです。

色別・テーマ別の配色パターンのアイデア集

色別の配色パターン

赤・青・黄やその他の色の配色パターンの例を紹介します。イメージに合わせて使ってみてください。

キャラクターのイメージ別の配色パターン

「かわいい・優しい」イメージの配色パターン

パステルカラーなど、淡い色(高明度・低彩度)を選んでみてください。類似色3色でまとめると、全体的に統一感のある優しい雰囲気になります。

「元気・ポップ」イメージの配色パターン

ビタミンカラーなど、彩度の高い鮮やかな色を選びましょう。補色や反対色の組み合わせで塗ると、メリハリが生まれて元気な雰囲気になりやすいです。

「レトロ・上品」イメージの配色パターン

くすみカラー(ニュアンスカラー)など、少し彩度の低い色を選んでみましょう。落ち着いた印象の色味になるように調整するのがポイントです。

「ダーク・神秘的」イメージの配色パターン

低彩度・低明度の暗い色をベースに選びましょう。アクセントとして1色だけ補色などの鮮やかな色を入れると、コントラストが強くなりイラストにメリハリが生まれます。

季節の配色パターン

色の印象で季節感を表現することもできます。

  • : パステルカラーなど、明るく淡い色。軽やかで優しいイメージ。
  • : 彩度の高いビタミンカラーなど、パキッとした鮮やかな色。力強く爽やかなイメージ。
  • : くすみカラーやアースカラーなど、彩度の低い落ち着いた色。暖かく深みのあるイメージ。
  • : 淡い色や低彩度・低明度の色。澄んでいて凛としたイメージ。

アタムアカデミーで配色・色選びの基本を学べる

アタムアカデミーでは、配色・色選びの基本を学ぶことができます。

関連記事

特殊効果・テクニック

初心者も簡単!お正月のイラストの描き方

今回は、初心者でもさらっと描ける、ゆるくてかわいいお正月イラストの描き方をご紹介します。 鏡餅の描き方 お正月の定番である鏡餅は、丸や楕円形、四角形を組み合わせるだけで簡単にアタリを取ることができます。 まずは大小の丸を重ねてお餅を描き、その下に四角形で台座を描き足してみましょう。このとき、線をきっ…

特殊効果・テクニック

初心者も簡単!立体感のあるイラストの描き方

イラストが「のっぺり」見える理由 イラストがのっぺり平面的に見えてしまうのには、いくつかの理由が考えられます。 この記事で紹介するポイントを意識して、イラストの「のっぺり感」を解消していきましょう。 立体感を出すための基本的な考え方 まずは、立体感を出すために最も重要な考え方を2つ紹介します。 モノ…

特殊効果・テクニック

初心者も簡単!迫力のあるイラストの描き方

「迫力」の正体とは? イラストに「迫力」を出すためには、視覚的なインパクト、躍動感、そして物語性という3つの要素が大切です。 この記事では、イラストに迫力を生み出すための具体的なポイントをご紹介します。ぜひ、ご自身のイラスト制作にどう活かせるか、一緒に考えていきましょう。 迫力を生み出す3つの要素 …

遷移する 記事一覧に戻る

オンライン
無料体験レッスン

 
アタムアカデミーの
カリキュラムを体験できる
オンライン無料体験レッスンを毎週開催
タブレットでイラストを書いている子供

アタムアカデミーでは、入塾前にイラスト講座を体験できるオンライン無料体験レッスンを行っています。講師とビデオ通話をしながら授業を体験していきます。
オンライン無料体験レッスンはiPadに必要なソフトをインストールし、applepencilを使って授業を行っています。iPadをお持ちでない方は、紙とペンでの体験もできます。
課題や制作した作品は講師とチャットやメールでやりとりをすることで共有を行います。兄弟でのご参加、お友達同士のご参加もOK。
オンラインであっても、対面型の教室と同じように学ぶことができます。

  • 費用 無料
  • 時間 60
  • 人数 11
  • 場所 全国可
無料体験申込みはコチラから

受講に必要な機材

通信用デジタル端末

インターネット・カメラ機能のある端末1台

インターネット・カメラ機能のある端末
描画用デジタル端末

タブレット&タッチペン

タブレット&タッチペン
紙とペン
でも
参加OK!

現役のクリエイターが教えます!

  • 久遠
    久遠
    Kudou
  • すぴか
    すぴか
    Supika
  • あっちゅん
    あっちゅん
    Acchun
  • 矢代
    矢代
    yashiro
iPad・Apple Pencil
初月無料レンタル実施中!
無料体験申込みはコチラから