色の組み合わせ(3色)を作る法則【りよのロジカル色彩】

りよ

こんにちは！りよです。
本日はりよと色彩の第２弾をお届けします！

前回ご好評いただいた「色の組み合わせで印象を操る！法則を知れば誰でもできる配色技【りよと色彩①】」の記事に続き、第２弾です！

今回の記事では、前回お話した色の要素（色相・明度・彩度・清濁）に触れながらお話しますので、色の要素の概念がわからない方は、先に↓の【りよと色彩①】に目を通してくださいね！

はじめに

今回は３色の色の組み合わせを作るということがテーマです。

もちろん、理論・法則を知れば誰でもできるように公式化しているので、ぜひ最後まで読んでみてくださいね！

今回紹介する３色の組み合わせ法則を用いるためには、「トーン」の概念を知っておく必要があります。まずはそこからお話させてください。

トーンについて

トーンとは？

トーンというのは、明度・彩度・清濁のレベルが近いグループのことを言います。

日本色研事業株式会社　PCCS＞PCCSのトーン

これは日本色研のPCCSという配色体系に置ける考え方で、図中のビビット、ブライト、ペールなどはトーン名です。各トーンそれぞれに赤・橙・黄色・・・と全ての色相が含まれています。

ここで覚えておいて欲しい感覚は「同じトーンで違う色相＝色の要素の中で色相だけが異なっている」という感覚です。（同一トーンであるということは明度・彩度・清濁のレベルが近いということなので）

トーンを利用した配色

トーンを利用した配色の中から今回ぜひ覚えて欲しいのはこの2つ。トーンオントーンとトーンイントーンです。

１のトーンオントーンは同じ色相をトーン違いで組み合わせます。

この場合は青の色相を、ディープトーンとライトトーンで組み合わせています。

一方２のトーンイントーンは、同じトーンを色相違いで組み合わせます。

この場合は同じライト（またはブライト）トーンで揃え、色相は青と緑で組み合わせています。

他にも配色方法を知りたい方はこちら！

【本題！】３色の組み合わせ方

まず３色の割合を知る

色の組み合わせを考えるときには、このようにそれぞれの役割を明確にすると作りやすいです。

３色の組み合わせの場合、それぞれの色の面積の割合を「ベース：サブ：アクセント＝６：３：１」にすると配色にまとまりと締まりが出ます。

３色の組み合わせの法則

さて、そろそろ前置きは終了です。ズバリ3色組み合わせの法則をお伝えします！

言葉にすると、わかるようなわからないような微妙な感じなので、次の章で例を出しながら解説していきますね。

３色配色の例

■当サイトの例

じゃん！これは、みつりよスキルアップのイメージカラーを３色配色のテンプレートに落としてみたものです。

ベースとサブは色相が同じで「トーンオントーン配色」です。トーンオントーン配色の場合アクセントカラーは、色相でメリハリをつけたいので、青緑にはっきり映える黄色をチョイスしました。

■例２

こちらはベースとサブが、ライト（またはペール）トーンで統一されている、トーンイントーン配色です。

その場合、アクセントカラーはトーン差をつけるのが定石。ネイビーとホワイトを選んでみましたが、ネイビーの方がトーン差が大きいのでより引き締まる印象ですね。白でもトーン差はありますが、ネイビーに比べればふんわりした印象になります。

■例３

そろそろイメージが掴めたのではないでしょうか？

これは、ベースとサブが再度の高いトーンイントーン配色。アクセントカラーを思い切って無彩色にし、トーン差の中でも断トツに彩度差が大きいカラーをチョイスしました。

■例４

では最後！こちらのベースとサブは、何配色でしょうか？

・・・・

・・・・

・・・・

答えはトーンオントーン配色！よってアクセントカラーは、色彩差をつけて選ぶことが大切です。

とはいえ、今回の例はベースとサブが無彩色なので、色は有彩色であれば何色を使っても問題ないです。アクセントカラーを自由に選べる分、かなり自由度高く印象を操れる組み合わせになっています♪

まとめ

今回は、トーンやトーンにまつわる配色を前知識に、誰でもできる３色配色の公式をお伝えしました！

今はどのソフトでも↓以下のように、トーン（上のプレート）と色相（下の帯）を別々に調整できるようになっているので、この技はみなさん実践しやすいです。

また、今回の技に前回の記事の「印象を操る」技も一緒に使えば、心に響く配色を作り出すことも可能ですので、ぜひ色々試してみてくださいね♪

りよ

自分だけの配色サンプルなどを作って集めていくと、楽しく配色力をあげられますよ♪

色を学ぶ

色彩検定２級３級パックコース

たのまな 公式サイト

1回の受験でW合格が目指せる！