色相環を使いこなす ― 色の関係性を知る

色相環とは

前の記事で「色相」について学びました。この色相を円状に並べたものが「色相環（しきそうかん）」です。英語ではColor Wheelと呼ばれ、配色を考えるときの最も基本的なツールです。

色選びに迷ったら、色相環を見る。プロのデザイナーも配色の出発点はここです。

色相環の構造

三原色と混色

色相環は、3つの「原色」を起点にしています。

• 光の三原色（RGB）：赤・緑・青。画面上の色はこの3色の組み合わせ
• 色の三原色（CMY）：シアン・マゼンタ・イエロー。印刷ではこの3色+黒

デザインの配色を考えるときは、12色の色相環をベースにすると扱いやすいです。赤→橙→黄→黄緑→緑→青緑→青→青紫→紫→赤紫→赤、と12色が円を描きます。

補色 トライアド 色相環上の色の関係 ― 破線が補色（正反対）、三角がトライアド（等間隔3色）

色相環から読み取れる「色の関係」

配色パターンの使い分け

類似色配色 ― まとまり重視

色相環で隣り合う2〜3色を使う配色です。自然で落ち着いた印象になるため、企業サイトやブランディングに向いています。「失敗しにくい配色」なので、初心者はここから始めるのがおすすめです。

補色配色 ― インパクト重視

色相環で正反対の2色を使う配色です。強い視覚的インパクトがあるため、注目を集めたいポスターやバナーに効果的です。ただし、両方を同じ面積で使うとうるさくなるので、片方をメイン、もう片方をアクセントにしましょう。

分裂補色 ― バランス重視

補色の代わりに、その両隣の色を使う配色です。補色ほど強烈ではないけれど、適度なコントラストがあり、使いやすいのが特長です。

類似色配色

補色配色

分裂補色配色

トライアド配色

各配色パターンの色見本 ― 色相環上の位置関係がそのまま配色のルールになる

実践のコツ

• まずは2色から始める：メインカラー1色 + アクセントカラー1色。この2色を色相環で選ぶだけで、まとまりのある配色になります。
• 面積比を意識する：メインカラー70%、サブカラー25%、アクセントカラー5%が基本の比率です。
• 無彩色（白・黒・グレー）は自由に使える：色相環に含まれない無彩色は、どんな色とも相性が良いので、余白や背景に活用しましょう。

まとめ

色相環は「色の地図」。地図を読めるようになれば、色選びで迷うことがぐっと減ります。

次の記事では、色が持つ心理的なイメージについて学びます。色の関係性だけでなく、「この色を使うとどんな印象を与えるか」を理解することで、目的に合った色選びができるようになります。