配色技法の基本|同一・類似・対照色相とトーン配色を体系的に解説
色彩検定3級で必ず出題される配色技法を、色相を軸とした配色とトーンを軸とした配色に整理して解説。トーンオントーン・セパレーション・アクセントカラーまで実例付きで学べます。
色彩検定3級の配色問題は、PCCS(日本色研配色体系)の24色相環と12種類の有彩色トーンを前提に、色相差で組む配色とトーン差で組む配色を見分けられるかを問う問題が大半を占めます。出題例としては「次の配色のうち対照色相配色はどれか」「トーンオントーン配色の説明として正しいものを選べ」など、用語の定義と図示パターンを結びつける形式が定番です。
本記事では、色相を軸とした6種類の配色とトーンを軸とした配色を体系的に整理し、さらにセパレーション・アクセント・グラデーションといった構成テクニックまでを実例で結び付けて解説します。暗記ではなく、PCCS色相環の何番離れているか・トーンマップ上でどう動いているかという数値的な視点を持つことが、3級突破の最短ルートです。
配色技法の二大分類と試験での出題パターン
PCCSをベースにした配色技法は、大きく分けると「色相を軸にした配色」と「トーン(明度+彩度)を軸にした配色」の2系統に整理できます。前者は色相環の番号差で分類し、後者はトーンマップ上の位置で分類するという棲み分けです。3級では両者を混同させる選択肢が頻出するため、軸が色相かトーンかをまず判別する習慣をつけると正答率が一気に上がります。
色相軸の配色は、同一色相(色相差0)・隣接色相(色相差1)・類似色相(色相差2〜3)・中差色相(色相差4〜7)・対照色相(色相差8〜10)・補色色相(色相差12)の6カテゴリに分類されます。トーン軸の配色は、トーンオントーン・トーンイントーン・トーナル・ドミナントカラー・ドミナントトーン・カマイユ・フォカマイユなどの名称で呼ばれ、配色全体の印象を支配する仕組みを問われます。
出題パターンとしては、(1)配色見本を見せて名称を答えさせる、(2)名称を示して該当する色相差やトーン関係を答えさせる、(3)効果(統一感・メリハリ・派手さ)から逆算して配色名を選ばせる、の3パターンが繰り返されます。どのパターンでも基準は「PCCS色相環で何番差か」「トーン位置はどう動くか」の2点なので、ここを数値で押さえることが最優先です。
色相を軸にした配色:同一・隣接・類似・中差・対照・補色
同一色相配色は、色相差0でトーンだけ変化させる配色です。例えばPCCS色相2:R(赤)のビビッドv2とライトlt2を並べると、深い赤と淡いピンクの組み合わせになり、極めて落ち着いた統一感が生まれます。隣接色相配色は色相差1で、例えば色相2:Rと色相3:yRを組み合わせると、ほぼ同系統だが微妙な変化を持つ赤系の配色になります。
類似色相配色は色相差2〜3が目安で、色相2:Rと色相4:rOや色相5:Oを組み合わせると、赤からオレンジへの自然なグラデーションのような穏やかな調和になります。一方、中差色相配色は色相差4〜7程度で、色相2:Rと色相8:Yの組み合わせなどが該当し、類似と対照の中間的な変化量を持つため、適度なメリハリと調和を両立できます。
対照色相配色は色相差8〜10で、色相2:Rと色相12:G(緑)の組み合わせが典型例です。色相環上で大きく離れているため強いコントラストが出ます。補色色相配色は色相差12、つまり色相環で180°対向する関係で、色相2:Rと色相14:BG(青緑)が代表的な補色ペアになります。最大のメリハリが得られるため、ロゴや警告サインなど注意を引きたい場面で活用されます。
トーンを軸にした配色:オントーン・イントーン・ドミナント
トーンオントーン配色は「同一色相でトーンに明度差をつける配色」です。例えば色相18:Bのライトlt18とダークdk18を組み合わせると、淡い空色と濃紺による上下のコントラストになります。明度差は大きいほど立体感が出るため、UIのカード背景と見出しの組み合わせなど階層表現に向いています(同一色相の濃淡やトーンの作り分けの詳細は『トーン配色を実践攻略』の記事で扱います)。
トーンイントーン配色は「同一トーンで色相を変える配色」で、例えばライトltトーンで揃えた lt2:R(淡いピンク)・lt8:Y(クリームイエロー)・lt14:BG(ミントグリーン)を並べるとパステル調の統一感ある配色になります。トーンが揃っているため彩度・明度の印象が共通し、色相が違っても全体がまとまります。
ドミナントカラー配色は特定の色相を支配的に使う配色、ドミナントトーン配色は特定のトーンを支配的に使う配色を指します。ドミナントカラーは「色相は1つに固定、トーンは自由に変化」、ドミナントトーンは「トーンは1つに固定、色相は自由に変化」と覚えると整理しやすく、出題でもこの2つを入れ替えた誤答選択肢がよく登場します。
構成テクニック:セパレーション・アクセント・グラデーション
セパレーション配色は、コントラストが強すぎたり弱すぎたりして調和が取りにくい配色の間に、無彩色(W=白・Bk=黒・mGy=ミディアムグレイなど)や低彩度色を挟んで関係を調整する技法です。例えば赤と緑の補色配色は強烈すぎるため、間に細い白いラインを入れると視覚的に分離され、見やすさが大幅に向上します。額縁の白いマットや、路線図で隣り合う路線の色を分ける白フチが、この役割を担っています。
アクセントカラー配色は、全体の調和を保ちつつ、面積の小さい部分に対照的な色を1色加えて視線を集める技法です。例えばグレー系のスーツに赤いネクタイを合わせるような構成で、PCCSでは「ベースカラーと色相差が大きく(中差〜補色)、トーンも対照的(高彩度や明度差大)」な色をごく狭い面積で配置するのがセオリーです。面積比は全体の5〜10%程度が目安となります。
グラデーション配色は、3色以上を連続的に変化させる配色で、色相を順に動かす色相グラデーション・明度を段階的に変える明度グラデーション・彩度を変える彩度グラデーション・トーンを段階的に変えるトーングラデーションの4種に分けられます。例えばv2→v4→v6→v8と色相をずらすと、赤からオレンジを経て黄に至る色相グラデーションが完成し、リズム感のある自然な変化が生まれます。
免責事項
本記事は色彩検定3級の試験対策としての学習補助を目的とした独自解説であり、色彩検定協会が発行する公式テキスト・公式問題集の代替となるものではありません。配色技法の分類基準・色相差の数値範囲・トーン記号の定義は、PCCS体系の改訂や公式テキストの版によって細部の表記が異なる場合があります。
正確な出題範囲・配点・解答基準については、必ず公益社団法人 色彩検定協会の公式サイトおよび最新版の公式テキストをご確認ください。本記事の内容は執筆時点の情報に基づくものであり、試験での得点を保証するものではありません。実際の試験対策では、公式テキストの該当章を精読した上で本記事を補助教材としてご活用いただくことを推奨します。
///書いた人
色彩検定3級過去問道場編集チーム
株式会社狼煙(Noroshi Inc.)が運営するNorolu Beaconの編集チーム。 受験生・色を扱う実務者の方が一発合格できることを目指し、 色彩検定協会の公式テキストとJIS規格を照合しながら、 ひとつひとつの記事を手作業で作成しています。
公開日:
///免責事項
本サービスの問題および解説は、一般に流通している色彩検定の対策教材および公式テキストの範囲に基づいて作成しています。ただし、その完全性・最新性・正確性を保証するものではありません。
実際の検定は公益社団法人色彩検定協会(A・F・T)が実施します。最終的な合否判定は同協会によるものであり、本サービスの結果は試験合格を約束するものではありません。
本サービスを利用したことにより生じたいかなる損害についても、運営者は責任を負いかねます。学習は公式テキストを中心に進めてください。
//この分野の問題で腕試し
[5]クイズで腕試し
色彩調和・配色の問題を集中練習。 10問・5分で実力をチェックできます。