【色彩検定3級対策】色相×トーン配色とは?まとまりと変化のある配色をわかりやすく解説

色彩検定3級

今回は、色相とトーンを組み合わせた配色について学びます。

これまで学んだ「色相配色」と「トーン配色」を組み合わせることで、まとまりのある配色や、メリハリのある配色を目的に合わせて作れるようになります。

実際のデザインやファッションでは、色相とトーンの両方を意識して配色を決めることがほとんどです。

色相とトーン、それぞれの特徴を組み合わせながら、配色の考え方を整理していきましょう。

まとまりが感じられる配色(統一感のある組み合わせ)

「色相に共通性がある配色」「トーン共通の配色」を組み合わせて配色します。

「色相に共通性がある配色」を基本として配色を作る場合、先に使用する色相を決めた後にトーンを決めて配色していきます。

反対に「トーン共通の配色」を基本として配色を作る場合は、先に使用するトーンを決めた後色相を決めて配色していきます。

ハト教授

「使いたい色」が決まっているなら、先に色相を決めると考えやすいよ!
「かわいい」「落ち着いた」など印象を優先したいときは、先にトーンを決めよう。

共通性のある色相 × 共通性のあるトーンで作る調和配色

共通性のある色相・トーン同士を組み合わせると最もまとまりが感じられる配色となります。(図.1)

図.1 の左側の図では先に色相(8:Y)を決めており、トーンはブライトトーン(b)・ソフトトーン(sf)・ライトトーン(lt)の3つを使って配色をしています。

色相は全て8:Yで同一色相、トーンは類似トーンとなっており、全体的に「黄色」でまとまった配色となっています。

一方右側の図では、先にペールトーン(p)を決めてその後、類似色相の関係である2:Rと4:rOを用いて配色をしています。

右の図はペールトーンで統一しているので、全体的にまとまっており「かわいい」イメージをもつ配色となっています。

ハト教授

おさらいとして、共通性のある色相は「色相差が0~3」で同一色相、隣接色相、類似色相の3つがあったね。

共通性のあるトーンは「トーン図上で同じもしくは縦、横、斜めに隣接」していて同一トーン、類似トーンの2つだったね!

変化が感じられる配色(メリハリを出す組み合わせ)

「色相に対照性がある配色」「トーン対照の配色」を組み合わせて配色します。

この時、対照トーンを高彩度トーン同士で配色すると色のコントラストをしっかり感じられますが、低彩度トーン同士で配色した場合、高彩度トーン同士の組み合わせと比べて色のコントラスト(主に色相)が弱くなります。

ハト教授

またおさらいとして、対照性のある色相は「色相差が8~12」で対照色相、補色色相の2つがあったね。

対照性のあるトーンは「明度が対照的なトーン同士・彩度が対照的なトーン同士」の2パターンだったね!

対照性のある色相 × 対照性のあるトーンで作るコントラスト配色

対照性のある色相・トーン同士を組み合わせると最も変化が大きく感じられる配色となります。(図.2)

図.2では、色相は補色色相の関係にある8:Yと20:V、そしてトーンも対照トーンの関係にあるブライトトーン(b)とディープトーン(dp)を用いて配色しています。

高彩度トーン同士での配色になるので、色相の変化が大きいのが分かります。

また、明度にも差があり全体的にコントラストをはっきりと感じる配色となっています。

ハト教授

対照トーンでも、組み合わせによってコントラストの強さは変わるんだ!
明度差と彩度差の両方を見ることがポイントだよ。

まとまりと変化を両立する配色(統一+アクセント)

「共通性のある色相(またはトーン)」「対照性のあるトーン(または色相)」同士を組み合わせます。

組み合わせ方によって、「配色のまとまりと変化のバランス」を調節することができます。

共通性のある色相(またはトーン)× 対照性のあるトーン(または色相)の組み合わせ

共通性のある色相(トーン)と対照性のあるトーン(色相)を組み合わせると、まとまりを感じながらも変化のある配色となります。(図.3)

図.3の左側の図は色相は18:B、トーンをビビットトーン(v)とペールトーン(p)を用いており、色相に共通性を持たせトーンに対照性を持たせた配色となっています。

この図では色相が同じであるがトーンの対照性が強いため、同色であることのまとまりも感じられるが、トーンの変化が強く、全体的に変化を感じる配色となっています。

右側の図では、色相が対照色相の関係にある2:Rと12:Gを用いているが、トーンは同一トーンかつ低彩度トーンであるペールトーン(p)を用いています。

なので見てわかる通り、色相にも変化は見られますがトーンのまとまりを強く感じられるので、全体的に変化がありつつもまとまった配色となっています。

ハト教授

色相とトーンの組み合わせを変えるだけで、同じ色相でも印象は大きく変わるよ!
「まとまり」と「変化」のバランスを意識して配色してみよう。

練習問題

今回の章での練習問題はお休みです。

今回は、色相とトーンを組み合わせた配色について学びました。

色相とトーンを組み合わせることで、統一感を重視した配色や、コントラストを生かした配色など、目的に合わせた配色を作ることができます。

色相配色とトーン配色、それぞれの特徴を理解したうえで組み合わせることが、配色技法の基本になります。

いかがだったでしょうか。

たくさんの画像を用意しましたが、それぞれ使っている色相も違えば印象も違うかと思います。

こういう色相とこういうトーンを組み合わせるとこんな印象になるんだ、と感じていただけると今回までに学習してきたことがしっかり身についている証拠です!

色彩を理解すると色の見え方や考え方も変わってきたのが分かりますね。

なのでこれからもしっかり学習していき、どんどん色彩の知識を深めていきましょう。

次は、その理解をもとに「見せ方」を考えていきましょう。
アクセントやセパレーションなど、実践的な配色テクニックへ進んでいきます。

ー色相とトーンの配色のまとめページへ戻るー