色彩・ファッション

補色と反対色の違いとは?色相環でわかる見つけ方と配色のコツ

補色と反対色の違いを紹介する色相環と赤・青緑などの配色見本

「補色」と「反対色」は同じ意味でしょうか? 日常的には、色相環で反対側にある色をどちらの言葉でも指すことがあります。 ただし、専門的には色相環の体系や「何を補う関係か」で説明が変わります。

この記事では、PCCS(日本色研配色体系)の24色相環を使って反対側の位置を探し、色を並べる場合・混ぜる場合・実際の配色で使う場合を分けて説明します。

先に結論

「反対色」は会話やデザインで補色に近い意味で使われることがある言葉です。一方、補色には心理的な見え方や混色の条件による区別があります。「赤の反対は何色?」と考えるときは、どの色相環を基準にするかを先に確認しましょう。

補色と反対色の違い|言葉と基準を整理

言葉初心者向けの意味注意点
反対色色相環で離れた側、特に向かい側の色を指すことが多い厳密に一つの定義だけで使われるとは限らない
補色(配色での説明)色相環で対向する組み合わせどの色相環かを明示する
心理補色残像など、視覚の働きで関係する色PCCSは主要色の心理補色を対向位置に置く
物理的な混色での補色所定条件で混ぜた結果が無彩色などになる関係色光と色材、光源・顔料の条件を区別する

日本色彩研究所のPCCS解説では、赤・黄・緑・青という主要な4色相の心理補色を対向位置に置く構成が説明されています。日常語の「反対色」と、混ぜた結果に基づく「物理補色」を無条件で同一視しないことが大切です。

PCCS24色相環で反対側の色を見つける

ここからはPCCSの24色相だけを使います。PCCSは配色を考えやすくするための体系です。RGBや一般的な12色のイラスト色相環とは色相の区切りが同じではありません。

図1|PCCS24色相で向かい合う位置

PCCSの24色相環における対向色相の位置関係。2番の赤と14番の青緑、8番の黄と20番の青紫が向かい合う。

図では色相番号の対向関係を確認してください。画面の色は理解のための近似表示であり、正式なPCCS色票ではありません。

位置の見つけ方は「12番分ずらす」

  • 2番 R(赤) ↔ 14番 BG(青緑)
  • 8番 Y(黄) ↔ 20番 V(青紫)
  • 12番 G(緑) ↔ 24番 RP(赤紫)

24色相を等分して並べると、正反対は12個分の位置です。番号が12以下なら12を足し、13以上なら12を引きます。これはPCCSの「色相番号で反対側を探す」手順であり、混ぜた結果が必ず灰色になるという意味ではありません。

番号そのものを覚えたい場合は、PCCS24色相の覚え方と穴埋め練習で復習できます。

補色を「並べる」と「混ぜる」は別の現象

「青緑と赤を並べると目立つ」「絵の具を混ぜると濁る」という話は、同じ種類の効果ではありません。色を並べたときの対比と、実際に混色したときの結果は分けて考えましょう。

図2|並置・色光の加法混色・色材の減法混色

色を並べる場合と、色光の加法混色、色材の減法混色を比較した説明図。
場面起こること補足
2色を並べる色の違いが目立つ場合がある面積・明度・彩度・周囲の色で見え方が変わる
色光を重ねる(加法混色)光の強度が加わり明るい方向へ適切な強度・色度の組み合わせでは白色系にできる
色材を混ぜる(減法混色)反射・透過する光が減り暗く濁る方向へ顔料やインクの分光特性によって結果は異なる

色光のRGBと、色材のCMYなどは異なる混色モデルです。色材の混色で「どんな補色も必ず灰色になる」とは言えず、混合比や色材によって色が変わります。

補色を配色に使うコツ|強い2色をそのまま大面積にしない

補色の組み合わせは視線を集めたいところで使いやすい一方、鮮やかな2色を同じ面積でぶつけると落ち着かなく見えることがあります。図3は見え方の比較例です。

図3|2色を大面積で使う例とアクセントに使う例

補色を大きな面積で組み合わせる場合と、面積や彩度を調整してアクセントに使う場合の配色比較。

面積を決める

背景など大きな面は穏やかな色にし、補色側は見せたい情報の小さなアクセントにする。

鮮やかさを調整する

両方を強くせず、片方の彩度を落として落ち着きをつくる。

文字と背景の明るさを確認する

色相が対向していても読めるとは限らない。文字は暗色・背景は明色などの明度差を確保する。

文字は「対向色」よりコントラストを優先

Web上の通常の文字では、WCAG 2.2の目安として文字と背景のコントラスト比4.5:1以上(大きい文字は3:1以上)が示されています。ただし、文字の大きさなど条件によって扱いが異なります。補色同士だから合格するわけではありません。

背景・本文・強調色を役割で分けた具体例は、見やすい3色の組み合わせ12選で紹介しています。

色だけに頼らず、誰にも伝わりやすくする

  • 注意と通常の区別には、色だけでなく「注意」などの文字やアイコンを加える。
  • 本文と背景は明るさの違いを確認し、薄い文字を避ける。
  • グラフでは色の違いに加え、線種・記号・凡例を併用する。

明るさと鮮やかさの違いを詳しく確認したい人は、明度と彩度の違いをご覧ください。色相だけではなくトーンにも注目するなら、PCCSトーン12種類の覚え方が次の学びにつながります。

確認問題|3問で理解を確かめる

  • 問題1:PCCSの8番の正反対は何番?
  • 問題2:赤と青緑を並べることと、色材として混ぜることは同じ現象?
  • 問題3:補色同士なら小さな文字でも必ず読みやすい?

答え:1は20番(V・青紫)、2は別の現象、3はいいえ。文字の読みやすさは明度差・コントラストなどで別に確認します。

まとめ|補色・反対色は「基準」と「使う場面」で理解する

「反対色」という言葉だけで色の組を断定せず、どの色相環と何の目的かを確認することが重要です。PCCSなら対向位置は番号差12で探せます。一方、並置の見え方と混色の結果は別で、配色するときは面積・明度・彩度・文字情報も調整します。

配色を体系的に学びたい人は、色彩検定3級の勉強法と費用から次の学習方法を確認できます。

参考資料

-色彩・ファッション