今回は、配色をより効果的に見せるための「配色技法」について学びます。
これまで学んだ色相やトーンを基準にした配色に加え、アクセントカラーやセパレーション、グラデーションを取り入れることで、より見やすく、印象的な配色を作ることができます。
これらの技法は、ポスターやパッケージ、Webデザインなど、私たちの身近なデザインでも数多く使われています。
それぞれの特徴と使い方を理解しながら、一つずつ学んでいきましょう。
この記事で分かること
・アクセントカラーの役割
・セパレーションの効果
・グラデーションの基本
・色相・明度・彩度によるグラデーションの違い
・色彩検定3級で押さえたいポイント
アクセントカラーの考え方（配色にリズムをつくる）
配色をした時に最も面積が大きい色（一番使っている色）をベースカラーまたは強調色（きょうちょうしょく）といい、その次に面積が大きくベースカラーに組み合わせている色をアソートカラーまたは配合色（はいごうしょく）と言います。（図.1）
配色の基本は「70：25：5」の割合なんだ！
アクセントカラーは少ない面積だからこそ、しっかり目立つ効果を発揮するよ。
このベースカラーとアソートカラーで作った配色をより効果的に、また特定の部分を目立たせたりしたい時に用いる色をアクセントカラーと言います。（図.2）
アクセントカラーは「小さい面積」かつ「目立つ色」で使うのがポイントです。
そうすることで配色を全体的に引き締め、他の色をより効果的に見せることができます。
アクセントカラーは、小さい面積でも視線を集められる色を選ぶことがポイント！
明度差や彩度差を意識すると、より効果的な配色になるよ。
アクセントカラーというのは、色数に関係なくどんな配色でも用いることができます。
例えば図.2だと2色の配色にアクセントカラーを用いているが、図.3のように単色や3色配色にもアクセントカラーを用いることができます。
どんな場合でもアクセントカラーは「小さい面積」で「目立つ色」だよ！
「目立つ色」はベースカラーやアソートカラーを基準にした時に目立てばいいから、低彩度色や白色・黒色のような無彩色を使ってもいいよ！
セパレーション（色を区切って見やすくする技法）
純色同士を組み合わせた時それぞれの色の主張が強すぎて見にくい時があります。
またその逆で低彩度色同士を組み合わせた時それぞれの色が曖昧で見にくい時などもあります。
そういった時には、その配色の境界部分に別の色を加えてお互いの色を分離させることで、全体を見やすくまとめてくれます。
このような全体の配色を調和させる時に用いる方法をセパレーションと言います。（図.4,図.5）
図.4のようにお互いの色の主張が強く全体的に見にくい時などに、セパレーションを用いて互いの色を分離することで全体が見やすくなります。
図.4みたいに色同士が主張し合って見にくくなることをハレーションって学んだね。
忘れていたら【色彩検定3級】色の見え方の変化で解説しているから復習してみてね！
図.5の場合はお互いの色が似たような色でかつ低彩度であることから、それぞれが曖昧でこちらも全体的に少し見にくくなっています。
この場合もセパレーションを用いて互いの色を分離することで、全体的に引き締まって見やすくなります。
図.4,図.5みたいに色を分離することでコントラスト感を調節する役割をセパレーションが担っているよ！
セパレーションは他の色を引き立たせたい時によく用いるので、無彩色や低彩度色がよく使われます。
また他の色と明度差がある色を使うこともポイントになってきます。
セパレーションを効果的に用いている配色を実際に感じてみましょう（図.6）
セパレーションは、色同士を見やすく整理するための技法なんだ！
境界に別の色を入れるだけで、全体がぐっと見やすくなるよ。
グラデーションの基本（色の連続的な変化を理解する）
色を段階的に規則正しく変化させた配色をグラデーションと言います。
グラデーションは主に、「色相のグラデーション」「トーンのグラデーション（明度）」「トーンのグラデーション（彩度）」の3パターンがあります。（図.7）
この3パターンのグラデーションを詳しく解説していきます。
色相のグラデーション（色みの変化で連続性を作る）
色相のグラデーションでは、隣り合う色相の色相差は基本的には1～3程度が適切です。（図.8）
また高彩度トーンであるほど色の変化がよく感じられ効果的な配色となります。
図.8の下側の配色では、配色の順番が「7-8-10-9」となっています。
グラデーションは色を段階的に規則正しく並べる必要があり、この場合だと規則正しくないのでグラデーションとは言えません。
図.8では隣り合う色相の色相差が1だけど、「v2-v4-v6-v8」みたいに色相差が「2」でもグラデーションになるよ！
色彩検定3級の試験で使用する「新配色カード199a」はvトーン以外のトーンは偶数番号しかないから、色相差が「2」のグラデーションをよく見ると思うよ！
明度によるグラデーション（明るさの変化）
明度によるグラデーション（明度）は、主に明度が段階的に変化していくグラデーションです。
トーン図上では縦方向の関係性を持ち、有彩色での配色と無彩色での配色があります。（図.9）
図.9の下側の配色では、明度は段階的に変化していますが、彩度に注目してみると1色だけ中彩度が入っており彩度に規則性がありません。
なのでこの場合だとグラデーションとは言えません。
図.9はトーン記号を表記しているから分かりやすいけど、もしトーン記号の表記がなかった時にどっちが正しいグラデーションか見分けがつくかな？
カラーカードなどを何回も見ていると、そのうちトーン記号を見なくてもある程度色の見分けがつくようになるよ！
彩度によるグラデーション（鮮やかさの変化）
彩度によるグラデーション（彩度）は、主に彩度が段階的に変化していくグラデーションです。
トーン図上では横方向の関係性を持ちます。（図.10）
またトーン図を見て分かる通り、彩度の変化と共に明度も変化しており、彩度によるグラデーション（彩度）は、明度の要素も含まれています。
図.9の下側の配色では、本来ブライトトーンになるところにソフトトーンを使っており、彩度の変化の規則性が少し乱れてしまいます。
なのでこの場合だとグラデーションではない、とまでは言いきれませんがあまり適切な配色ではありません。
グラデーションは、統一感と変化の両方を表現できる便利な配色なんだ！
段階的な変化を意識すると、自然で美しい印象になるよ。
図.11の例であるような色の境界がはっきり見えなくても、段階的に連続して色が変化しているのもグラデーションと呼ぶよ！
練習問題
最後にまとめ問題です。
それぞれの問いに答えてみましょう。
また（ ）に入る言葉を答えましょう。
答えは問題文をタッチすると表示されます。
お疲れ様でした。
練習問題は全問正解できましたか？
間違えた個所があればもう一度復習してみましょう！
今回は、アクセントカラー・セパレーション・グラデーションについて学びました。
これらの配色技法を取り入れることで、配色の見やすさや印象をさらに高めることができます。
色相やトーンの知識と組み合わせることで、目的に合わせたより効果的な配色を作れるようになります。
次は、その配色がどのような印象を生むのか。
三属性とイメージの関係を見ていきましょう。
ー色の配色テクニックのまとめページへ戻るー
ー次の章へ進むー
