公開 更新

guide · 配色

配色が安っぽく見えるのはなぜ|安く見える3つの分かれ目

配色が安っぽく感じられるとき、色名を悪者にせず、彩度・役割・文字との組み合わせへ分けて点検します。大面積の1色だけを動かし、元の版と並べ、狙う相手・媒体・読みやすさに対する意図とのずれを比較する手順を解説します。

配色を学ぶ余白灯舎の場面
リオ見て、この投稿。色はいっぱい使ったのに、なんか安っぽいの。配色って難しくない?
アキラ色を足した苦労まで否定されたように感じると、減らしにくいよね。

安っぽく見えるものの正体

「安っぽい」は相手や文脈で変わる曖昧な評価です。まず「信頼感を出したいのに気軽に見える」「高級商品なのに楽しさが先に立つ」のように、意図と実際の印象のずれを言葉にします。

高そうに見えるものと安く見えるものを並べると、違いは色の種類そのものではありません。同じ赤でも、上品に見える使い方と、安く見える使い方があります。つまり犯人は「赤」ではなく、その赤の扱い方です。

たとえるなら、遊園地の風船のようなものです。原色の風船は楽しくて目を引きますが、そのままの鮮やかさを紙面全体に広げると、お祭りの屋台のような気軽さが出ます。気軽さが目的なら正解ですが、上品さや信頼を伝えたい場面では、それが「安っぽさ」として受け取られます。 風船の比喩が表せるのは、鮮やかさが楽しさや気軽さにつながる一例です。上品・安価といった印象は、文化、商品、写真、相手によって変わるので、色だけで断定しません。

色数が多いと役割が分かりにくくなる場合がありますが、多色自体が安価な印象を決めるわけではありません。鮮やかな色の面積、色ごとの役割、文字とのコントラストを分け、意図とのずれがどこから来たかを確かめます。

どこで安く見えるかを分ける

安っぽさを直すには、3つの分かれ目のどこで起きているかを見ます。自分の紙面を、次の順で点検してください。

この3つは、コントラストと色の役割分担の問題に整理できます。彩度、役割、文字との組み合わせは同時に影響するため、一度に全部を変えません。どの変更で意図とのずれが動いたかを見つけると、次に直す優先順位が決まります。

色を1つずつ「何のためにあるか」と問い、説明できない色を候補から外します。彩度は大面積の色から1つだけ変えます。白黒表示は差を見る補助にはなりますが、本文やボタンはコントラスト比を測ります。

彩度を1色だけ動かして比べる

分かれ目が見えたら、変更前後を比べます。ここでは大面積の1色から始める標準ルートを示します。

  1. 大面積の1色を比べる。 彩度を下げた版と元の版を、狙う印象で比較します
  2. 役割のない色を外す。 土台・主役・強調・状態のどれにも入らない色を候補にします
  3. 文字との比率を測る。 見た目だけでなく、背景とのコントラスト基準を確認します

色数の絞り方そのものは、デザインの色は何色までで役割分担として詳しく扱っています。あわせて読むと、この3手順が「なぜ効くのか」まで腑に落ちます。決めた色を紙面全体で守り続ける考え方はトンマナです。

迷ったら、面積が最も大きい1色だけを変えます。変更前後を、目的の相手に近い人へ見せ、「どちらが上品か」ではなく「どちらが商品や企画の意図に合うか」を聞きます。

やりがちな、色を足す直し方

安っぽさに気づいたとき、「色を足す」案が浮かぶことがあります。差し色をもう1色、背景に模様をもう1つ。ただし、原因が色の役割の重なりなら、追加する前に役割のない色を外した版も比べます。

原因が「使いすぎ」なら、さらに足すことで優先順位が見えにくくなる場合があります。同じ理由で、グラデーション、影、光沢を強くする案も、目的と役割を説明できるかを確認します。

なぜ足す方向に手が向かうかというと、引き算には「本当に減らして大丈夫か」という不安がつきまとうからです。そこで削除を即決せず、彩度を下げた版、使う面積を減らした版、周囲を静かにした版を保存します。主役、読みやすさ、意図との適合を同じ条件で比べれば、残すか戻すかを感覚だけで決めずに済みます。

まずは、彩度を比べ、役割のない色や飾りを外す方向を試します。ただし、楽しさや勢いが目的なら鮮やかさを残す判断もあります。文字の読みやすさは印象とは別に、文字が読みにくい原因の基準で確認します。

手元の紙面で、彩度を試す

今日のワーク:彩度を1段下げる

安っぽく感じる紙面を1枚選んで、使っている色の彩度を1段だけ下げた版を作ってください。ツールの「彩度」スライダーを少し左に動かすだけで大丈夫です。

  • 下げた版と元の版を並べて見比べます
  • どちらが「落ち着いて見えるか」「主役が分かりやすいか」を確かめます

やりすぎて色が死んで見えたら、少し戻します。ちょうどよい一歩を、自分の目で見つけるのがねらいです。

彩度だけを動かすと、色の種類は変えずに印象だけを変えられます。安っぽさが彩度から来ていたのか、それとも色数や組み合わせだったのかも、この比較で見えてきます。

色を変える前に、ブランドや商品の既定色、印刷方式、画面表示、アクセシビリティ上の役割を確認します。鮮やかな色が安全標識や子ども向け商品の識別に必要なら、落ち着かせること自体が目的に反します。彩度を下げる案、使う面積を減らす案、周囲を静かにする案の3つを同じ条件で比べます。

実務では、本文、背景、リンク、ボタン、警告など色の役割を一覧にします。同じ赤がブランドの主役とエラーの両方を担うと、見た目はそろっても意味が競います。色名ではなく「何を知らせる色か」を記録し、コントラストは組み合わせごとに測ります。白黒表示は優先順位を見る補助であり、コントラスト比の測定には置き換えられません。

比較を他の人に見せるときは、「高級に見えるか」だけを聞かず、最初に何へ目が向いたか、内容に合うか、文字を読めたかを確かめます。高級感の受け取り方には個人差や文化差があるため、1人の好みを普遍的な正解にしません。対象者と掲載場所が変われば、同じ色でも再検討します。

安っぽさは、色より扱いに出る

配色が安っぽく見えるときは、選んだ色の名前だけで決めず、彩度・役割・文字との組み合わせへ分けます。大面積の1色だけを動かし、役割のない色を外した版と元の版を比べれば、どこで意図とのずれが起きたかを確かめられます。

安っぽさは、才能やセンスの問題ではなく、扱いの調整で動かせる部分です。彩度・色数・組み合わせのどこがゆるんでいるかを見つければ、同じ色のままで印象は変わります。色の扱いが整ってきたら、次はその色を「どこに置くか」です。読ませたい場所へ目を運ぶ配色の使い方は、デザインの色は何色までの役割分担から続けて確かめてみてください。