カラーハーモニーとは、ある色の組み合わせが他よりも心地よく、その心地よい組み合わせは色相環の幾何学から予測できるという考え方です。配色とは、その環の上の具体的な関係を指します。対極の色相、隣り合う色相、等間隔の色相です。このガイドでは、画家が使う色相環と、その上に築かれた7つの配色を解説します。

目次

カラーハーモニーが意味するもの

カラーハーモニーとは、目に心地よい特定の色の組み合わせが持つ性質です。この考え方の有用なところは、心地よい組み合わせがランダムではないという点にあります。それらは色相環上の規則的な幾何学的関係に対応しています。互いに真向かいの色相、隣り合う色相、均等な三角形や正方形の頂点に位置する色相です。

これが配色というものの正体です。配色とは、環の上の色相どうしの名前付き幾何学的関係であり、それぞれの関係が特徴的な視覚効果を生みます。対極の色相はぶつかり合い、ちらつきます。隣り合う色相は溶け合い、落ち着きます。幾何学が効果を予測するのです。

ハーモニーが何であって何でないかは、正直に述べておく価値があります。配色はハーモニーを作り出すのではありません。記述するのです。白の下の赤がピンクに見えること、青の隣のオレンジが互いを強め合うことは、誰かが環を描くはるか前から光の物理と目の構造の中に存在しています。色相環とその配色は、すでにそこにある関係を描いた地図です。この区別が重要なのは、つまりこれらの関係を、自分が構築する画像に押し付けるのではなく、すでに存在するあらゆる画像の中に見出せるということだからです。

画家が使う色相環

画家の色相環はRYB色モデルであり、赤、黄、青を三原色として構成されています。これは減法混色のモデルで、顔料の振る舞いを記述します。それぞれの顔料は白色光から波長を差し引き、顔料を混ぜればさらに差し引かれます。だから絵具を混ぜると明るくなるのではなく、暗く濁っていくのです。

これは画面やプリンターが使う環とは別物で、その違いは些末なことではありません。画面はRGBモデル、すなわち赤、緑、青の光を使う加法混色です。光を加えるほど明るくなり、三つすべてを合わせると白になります。プリンターはシアン、マゼンタ、イエローのインクを使うCMYモデルです。補色のペアは環ごとに異なります。画家が混色するRYB色相環では、伝統的な補色のペアは赤と緑、黄と紫、青とオレンジです。このガイドのすべての配色はRYBの用語で説明しています。それが画家が混色する環であり、カラーハーモニーが歴史的に築かれてきた環だからです。

標準的な実用の環は12の色相を持ちます。三原色（赤、黄、青）、隣り合う原色を混ぜて作る三つの二次色（オレンジ、緑、紫）、そしてその間に位置する六つの三次色（赤オレンジ、黄オレンジなど）です。等間隔の12色相は、以下のすべての配色を明確な幾何学的形として描くのに十分な解像度です。ヨハネス・イッテンは、バウハウスにおける色彩理論教育の礎を築いた教師であり、この12色相環を体系化し、それを「色球」へと発展させました。12色相の円が、これ以降のすべての基準の枠組みとなります。

なぜハーモニーが成立するのかを説明した二人

二人の人物を挙げる価値があります。配色が単なる慣習以上のものである理由は、彼らの仕事にあるからです。

フランスの化学者ミシェル・ウジェーヌ・シュヴルールは、19世紀に同時対比の法則を定式化しました。彼はそれを、ある色が隣の色の補色の方向へ、色相と明度の両方でずれて見える傾向と定義しました。グレーを赤の隣に置けば、グレーはかすかに緑がかって見えます。オレンジを青の隣に置けば、それぞれが単独で見るよりも強く見えます。これが補色配色が鮮やかに感じられる科学的な理由です。色は図の上で対極にあるだけでなく、目の中で互いを積極的に強め合っているのです。シュヴルールの法則は印象派と新印象派の絵画への影響で最もよく知られており、とりわけジョルジュ・スーラの点描技法に表れています。スーラは、隣り合う小さな補色の点だけで画面全体を構築しました。

ヨハネス・イッテンがもう一人です。バウハウスで彼は7種類の色対比を理論化しました。色相対比、明度対比、寒暖対比、補色対比、同時対比（シュヴルールから取り入れたもの）、彩度対比、面積対比です。ここで一つはっきりと注意しておくべきことがあります。イッテンの7つの対比は、このガイドの7つの配色ではありません。両者は異なる分類です。対比は2つの色がどう異なるかを記述し、配色は一連の色相が環の上でどう配置されているかを記述します。どちらのリストも7項目だからよく混同されますが、答えている問いが違うのです。イッテンの最後の項目である面積対比は比率に関するもの、つまり各色が画像のどれだけを占めるかに関するもので、配色は物語の半分に過ぎないという考えへの有用な橋渡しになります。比率は色相と同じくらい重要なのです。

補色：対極の色相、最大のコントラスト

補色配色は、環の上で互いに真向かいにある2つの色相を使います。赤と緑、黄と紫、青とオレンジです。補色は反対色とも呼ばれ、2色の関係の中で最も強いコントラストを生みます。彩度の高い補色どうしを隣り合わせに置くと、コントラストは最大になります。これこそが、この配色を鮮やかで活気あるものにしているのです。

幾何学はすべての中で最も単純です。環の中心を横切る1本の直線で、180度離れた2点を結びます。

効果は高いエネルギーと高いコントラストです。焦点を際立たせる配色であり、青い情景の中の小さなオレンジの一点、緑の葉を背にした赤い花がそれです。リスクもまた最も強いものです。高彩度の補色を同量で使うと、共有する境界でちらつき、目を疲れさせる不安定な光学的ノイズが生まれることがあります。解決策は比率です。一方の色を支配的にし、もう一方を小さなアクセントとして使うのです。画像を半分ずつに分けるのではなく。

具体的な使い方として、ティールの背景を背にした、暖かいオレンジの肌色の肖像画があります。補色の関係によって、輪郭線を一切引かなくても人物が背景からくっきりと分離します。目が寒暖の対立を分離として読み取るからです。

類似色：隣り合う色相、穏やかでまとまりがある

類似色配色は、環の上で隣り合う色相を使います。たとえば黄、黄緑、緑のように、典型的には隣接する3色です。類似色は色相環の上で隣り合う色のグループであり、この配色は自然界に最も多く現れます。赤、オレンジ、黄へと移ろう紅葉の進行は、類似色のグラデーションです。

幾何学は狭い弧で、環の隣り合う3つか4つの区画を占め、おおよそ90度を超えることはありません。

効果は穏やかで、まとまりがあり、コントラストが低いものです。色相が近接しているため、何もぶつかりません。画像は統一され、静けささえ感じられます。ドラマよりもムードのための配色です。青と青緑の霞んだ風景、赤とオレンジと黄の夕焼け。リスクは補色とは正反対です。対照的なアクセントがないと、類似色配色は平板で単調に感じられることがあります。画家はこれを、一つの色相を主役にし、色相そのものが提供しないコントラストを明度と彩度の差で作り出すことで解決します。

トライアド：等間隔の3色

トライアド配色は、環の周りに均等に、120度ずつ離して置かれた3つの色相を使います。RYB色相環で最もきれいなトライアドは三原色、すなわち赤、黄、青です。二次色（オレンジ、緑、紫）がもう一つの明白なトライアドを成します。

幾何学は、環に内接する正三角形です。

効果はバランスと活気を同時に備えたものです。トライアドは1方向ではなく3方向のコントラストを与えるため、画像は豊かで色彩に満ちて感じられますが、3点が対称であるため混沌にならずバランスを保ちます。難しいのはコントロールです。3つの強い色相が対等に競い合うと、たちまち騒がしくなります。標準的な解決策は補色と同じです。3つのうち1つを支配的にし、残りの2つを支えとアクセントに使うのです。3つすべてに同じ重みを与えるのではなく。多くの古典的な挿絵や数多くの子供向けデザインが原色のトライアドを使うのは、まさにそれが大胆で、バランスが取れ、即座に読み取れるからです。

スプリットコンプリメンタリー：緊張のないコントラスト

スプリットコンプリメンタリー配色は、基準の色相から始め、その直接の補色を使う代わりに、補色の両隣にある2つの色相を使います。たとえば青は、オレンジとではなく、赤オレンジと黄オレンジと組みます。

幾何学は細い二等辺三角形です。1つの頂点が基準の色相に、2つの頂点がその真向かいの両脇に位置します。

効果は、純粋な補色ペアよりも緊張の少ない高コントラストです。基準の色相は依然として環を挟んで2つのアクセントの向かいに位置するため、迫力の大部分を保ちます。しかしアクセントが正確な対極からわずかにずれているため、光学的なちらつきの角が取れます。これがスプリットコンプリメンタリーを、バランスを取りやすい配色の一つにしています。補色が攻撃的すぎると感じるときの、よい初期設定です。使用例として、暖かい赤オレンジと黄オレンジを差し色にした涼やかな青い室内があります。青に純粋なオレンジをぶつける耳障りな衝突なしに、暖かく心地よく感じられます。

テトラード：2組の補色ペア

テトラード配色は、ダブルコンプリメンタリーまたは長方形配色とも呼ばれ、2組の補色ペアを同時に使います。環の上で長方形を成す4つの色相です。たとえば青とオレンジに、黄と紫を合わせたものです。

幾何学は長方形です。2組の対極の色相が、互いに異なる間隔で配置されます。

効果は豊かで多彩です。ここまでの配色の中で最も色彩に富みます。2つの完全な補色対比が同時に働くからです。その豊かさはまた危険でもあります。同じ強さの4色は重心を持たず、画像は競い合う領域へと崩壊します。テトラード配色はほぼ常に、1色を明確に支配的にし、残り3色を支える役回りに置く必要があります。そして一方の補色ペアを暖色寄りに、もう一方を寒色寄りに保つと最もうまくいきます。寒暖のバランスが目に休息の場所を与えるからです。スクエアを除けば、どの配色よりも慎重な比率が報われる配色です。

スクエア：等間隔の4色

スクエア配色は、環の周りに均等に、90度ずつ離して置かれた4つの色相を使います。たとえば赤、黄オレンジ、緑、青紫です。

幾何学は環に内接する正方形で、4点がそれぞれ4分の1回転ずつ離れています。

効果は最大の多彩さです。スクエア配色は他のどの配色よりも環を完全に覆うため、利用できる色のコントラストの幅が最も広くなります。同時に、最もバランスを取りにくい配色でもあります。テトラードよりも難しいのです。4つの色相が完璧に対称であり、どれも支配的になる内在的な理由を持たないからです。成功は、規律ある比率と、4つの色相が互いをかき消さないよう明度と彩度を管理することに完全にかかっています。自信に満ちた複雑な色彩の仕事のための配色であり、環のあらゆる領域を本当に表現したい全スペクトルの情景で、騒がしさに陥らせない労を厭わないときのものです。

モノクロマティック：1つの色相、多くの明度

モノクロマティック配色は、単一の色相を、明度と彩度を変えるだけで変化させます。そのバリエーションがティント（色相に白を加えたもの）、トーン（色相にグレーを加えたもの）、シェード（色相に黒を加えたもの）です。言い換えれば、最も淡い空の色から最も深い紺まで、1つの青、それだけです。

幾何学は環の上の形ですらありません。1つの点を、色相の円の周りではなく、明度と彩度の軸に沿って内と外へ探っていくのです。

効果はあり得る限り最も統一感のあるものです。色相が1つしかないため、ぶつかるものが何もなく、画像は定義上、統一されています。難点は、視覚的な面白さのすべてを色相のコントラスト以外のどこかから引き出さなければならないことで、それは明度が重い役目を担うことを意味します。モノクロマティック画像は、その明度構造の出来不出来で決まります。グレースケールの習作を支えるのと同じトーンの骨格です。明度のステップを正しくすれば、単一色相の画像はフルカラーの画像に劣らぬフォームと奥行きを担えます。間違えれば、平板な塗りつぶしへと崩れ落ちます。これは、カラーハーモニーがしばしば色とは無関係であることを証明する配色です。

画像にハーモニーがないとき

すべての画像が配色を使っているわけではありません。これはカラーハーモニーのあらゆるガイドにおいて最も重要な正直な点であり、ほとんどのガイドが省く点です。

多くの力強い画像、複雑な情景の写真、意図的に広い、あるいは偶発的なパレットの絵画は、補色の直線にもトライアドの三角形にも、他のどの形にもきれいには当てはまりません。それらの色は、名前のある関係に合わない形で環の上に着地します。それでその画像が悪いということにはなりません。そのまとまりが色相の幾何学以外の何か、しばしば明度構造、色温度、あるいは1色が圧倒的な比率で支配することから来ているということです。

間違った手は、ラベルを無理に当てはめることです。正直な分析は、ばらついたパレットを最も近い名前のある配色へと丸めるのではなく、配色なしと示します。3色がたまたま均等な三角形の近くに落ちたからといって、ばらついたパレットを「トライアド」と呼ぶことは、何も教えてくれず、そこにない構造を見るように目を訓練してしまいます。

実際の画像で配色を見分ける方法

配色を見分けるとは、画像の主要な色を色相環上の点としてプロットし、点と点の角度を読み取ることです。ほぼ対極にある2点なら補色。密集したまとまりなら類似色。均等な三角形を成す3点ならトライアド、1つの基準の色相を指す細い三角形ならスプリットコンプリメンタリー、長方形ならテトラード、均等な正方形ならスクエア、明暗にわたって広がる1つの点ならモノクロマティックです。

難しいのは、これを肉眼で行うことです。脳は絶えず色の関係を補正します。白いシャツが暖かいランプの光の下でも涼やかな日光の下でも白く見えるのと同じ理由で、パレットの環の上の本当の位置を見ただけで判断することは本当に難しいのです。比率がそれをさらに難しくします。配色はどの色相が存在するかで定義されますが、画像の印象を決めるのは各色がどれだけ存在するかであり、目はそれをうまく測れないからです。

Undertoneは、どんな画像でもその見分けを代わりに行います。スマートフォンを絵画や写真、目の前の情景に向けるか、画像を読み込めば、5秒もかからずに色を抽出し、色相環の上にプロットし、その画像が7つの配色のどれを使っているかを示します。補色、類似色、トライアド、スプリットコンプリメンタリー、テトラード、スクエア、モノクロマティックです。色がきれいな関係を成さないときは、無理に当てはめるのではなく、そう示します。これはこのガイドの7つの配色に正確に対応しており、それが自然な果実です。理論が、信じるしかないものではなく、実際の画像の上で即座に確かめられるものになるのです。

Undertoneは配色が取りこぼす部分も示します。パレットのレイヤーは、主要な色を、それが実際に画像のどれだけを占めるかに応じた大きさで示します。空想的なものではなく、カドミウムイエローやペインズグレーといった画家になじみのある色名を添えて。これはイッテンの面積対比を可視化したものです。温度マップは、テトラードやスクエアの配色が成立するかどうかを決める寒暖のバランスを示します。明度構造は、モノクロマティック配色が全面的に依存するトーンの骨格を示します。ハーモニーは色相の幾何学ですが、比率、色温度、明度こそがその幾何学を機能させるものであり、それらすべてを一度に見ることができます。

すべては端末上で動きます。画像がスマートフォンから出ることはなく、アカウントもサインアップもありません。無料の範囲は寛大です。パレット、カラーハーモニー、温度、明度、彩度の各ビューを備えた無制限の分析に加え、20枚の画像履歴が付きます。このガイド全体が扱っているカラーハーモニーの検出は無料です。一度きりの9.99ドルの買い切り購入は、サブスクリプションなしで、コンポジションガイド、コントラストの焦点マップ、フル解像度の書き出し、無制限の履歴を追加します。

色への取り組みすべてに同じ洞察が貫かれています。重ねた絹による日本の襲の色目のシステムを学ぶ場合も、アンデシュ・ソーンの4色パレットを学ぶ場合も、ハーモニーは決して単一の色のことではありません。色と色の関係のことです。色相環はそれらの関係の地図であり、7つの配色はその名前付きのランドマークであり、最も有用な技術は、画像が実際にどれを使っているかを見分けられるようになることです。

Undertoneは絵画や写真を複数の視点で分析します。パレット、ハーモニー、温度、明度構造、コンポジション、彩度、コントラスト。すべて端末上で処理され、買い切りで、サブスクリプションはありません。iOSとiPadOS、macOS、Androidで利用できます。