センスではなく知識で選ぶ、色の基本と配色の技術

配色が上手な人はセンスがあるように見えます。でも実際には、色の意味や役割を知っているだけという面があります。センスがあるかどうかではなく、知っているか知らないかの違いです。

前回のフォントも、名前を知っているかより「端正」「親しみやすい」などの印象と言葉に結びつけることが大切でした。色も同じように、伝えたいことと役割を先に決めれば、なんとなく選ぶ状態から抜け出せます。

色を見るときは、色相・彩度・明度の3要素に分けると整理しやすくなります。色相は赤・青・黄などの色み、彩度は鮮やかさ、明度は明るさです。

明度と彩度を掛け合わせた色の調子がトーンです。同じ赤でも、鮮やかで明るい赤と、くすんだ暗い赤では印象が大きく変わります。

色相を円状に並べたものが色相環です。色相環で隣り合う色は類似色で、調和しやすくなります。正反対にある色は補色で、お互いを引き立てます。

暖色（赤・オレンジ・黄）や明度の高い色は、手前に飛び出して見える進出色です。キャンペーンの数字やボタンなど、インパクトを出したい場所に向きます。

寒色（青・紫）や明度の低い色は、後ろに下がって見える後退色です。背景や広い面積に使うと、重厚感や落ち着きを出しやすくなります。

色には、好ましい印象だけでなく、場面によっては注意したい印象もあります。マイナスの印象が悪いのではなく、知った上で効果的に使うことが大切です。

たとえば赤は情熱の表現にも、危険を知らせる信号にも使われます。コピーや場面に合う側面を選ぶことで、同じ色でも意図が伝わります。

色ごとの「印象・使う場面・注意点・おすすめ配色」を、判断表としてまとめます。迷ったときは、色の好き嫌いではなく、伝えたい内容と場面に照らして候補を絞りましょう。

色相環から色を選ぶ型を知っておくと、毎回ゼロから悩まずに済みます。まずは「変になりにくい」型から試し、必要に応じて外していきましょう。

配色の面積は、ベースカラー70％・サブカラー25％・アクセントカラー5％を目安にします。厳密な計測ではなく、役割と面積のバランスを見るための基準です。

青をベースにしたバナーなら、背景や余白を青系、見出しやカードをサブカラー、オレンジのボタンをアクセントにする、といった具合です。

外部ツールでは、Adobe Color、Color Hunt、Palette Makerなどから配色の候補を探せます。Palette Makerは、配色を実際のデザインに落とし込んだ完成図まで見られる点が特徴です。

Canvaにも自動で配色を提案してくれる機能があります。Canva内の「スタイル」タブにも触れられていますが、画面は変わる可能性があるため、具体的なクリック手順はここでは扱いません。詳しくはCanva内で探してみてください。

前半では、色の意味や役割、色相環の関係から配色を考えました。後半は、その知識をCanvaの機能へつなぎます。

「なんとなく色を選ぶ」から、色相環で関係を考える → Canvaの機能で候補を出す → 自分のデザインに合わせて整えるへ進みましょう。

Canvaの色選択画面は、色相環のような円ではなくカラーバーで表示されます。ただし、色の関係を考えるときの基本は同じです。黄色の近くにあるオレンジや黄緑は近い色、真向かいの紫は反対の色として捉えられます。

画面上で色の関係を見失ったら、素材タブから「色相環」と検索して図を出し、近い色・反対の色を確認する方法もあります。

Color harmonyは、Canvaのアプリ（拡張機能）です。ベースカラーを選ぶと、色彩理論に基づいた配色を自動で提案してくれます。

1. Step1：アプリを探して開く。Canva左側メニューの「アプリ」から、英語で「Color harmony」と検索します。頭文字のCだけでも候補に出ます。日本語で「色」と検索しても行き着けます。
2. Step2：ベースカラーとテイストを選ぶ。「色を選択する」から基調色を選び、スポイトでデザイン上の色を拾うこともできます。パターンはグラデーション／大胆でダイナミック／控えめで調和的／人気／ランダムです。
3. Step3：配色パターンをデザインに適用する。デザイン全体にも、1つのイラスト素材にも使えます。

鍵マークのあるパターンは有料ですが、色彩理論の知識があれば無料の候補でも応用できます。料金や対象範囲は変わる可能性があるため、現在の画面で確認してください。

配色パターンを選ぶと、2つの画像が出てきます。[A] 色が出てくる方は「文書で使用中のカラー」に反映され、[B] 色が出てこない方は反映されません。

三角形（トライアド）や四角形の位置関係も、色相環上でバランスのよい組み合わせとして使えます。

Color harmonyとは別に、Canvaには画像から配色を取り込む標準機能があります。参考にしたい画像をコピーして貼り付け、その画像の上で右クリックし、「ページにカラーを適用」を選びます。

同じ操作を繰り返すと別の色の組み合わせが出てきます。適用後も個別に色を変更できるので、自分では選ばない配色を最初の案として試すのに便利です。

同じ操作を繰り返すと、別の配色パターンを試せます。自動提案をそのまま完成とせず、適用後に個別の色を変更するのが実務のコツです。

ブランドキットでは、制作物で使う色を固定しておけます。SNS投稿・チラシ・プレゼン資料など、複数の制作物で同じ色を使えば、世界観を揃えやすくなります。

ここでのポイントは、集客の仕組み全体ではなく、色を固定して選択肢を減らすことです。色を毎回選び直す負担を減らし、本文や情報整理に集中できます。

RGBの方が表現できる色が多く、CMYKにすると色が暗く沈んだ印象になります。特に明るく鮮やかな黄・緑・水色は変化が出やすいため、画面上の見え方だけで印刷結果を断定しないようにします。

印刷向けに設定するときは、ブランドキットの「CMYKを追加」から値を登録し、ダウンロード時にPDF（印刷）とカラープロファイルCMYKを選びます。トンボと塗り足しにはチェックを入れ、「PDFのフラット化」はチェックしません。

動画ではこのように説明されていました。商用利用や印刷条件を前提にする場合は、必ずご自身で最新の内容をご確認ください。