未ログイン状態で閲覧中
  • 投稿日:2026/03/26
  • 更新日:2026/03/26
色が壊滅的に苦手だった私が学んだ色選びの基準

色が壊滅的に苦手だった私が学んだ色選びの基準

TAKEO@デザインは考え方が7割

TAKEO@デザインは考え方が7割

この記事は約3分で読めます
要約
色選びが苦手でビビットに頼っていた私が、「明度と彩度」の考え方とカラートーンを理解することで迷わなくなった方法を解説。色は感覚ではなく基準で選べます。伝えたい印象から逆算することで、誰でも安定した色選びができるようになります。

■ 色が壊滅的に苦手だった私の話

正直に言うと、私は昔「色選び」が壊滅的に苦手でした。

(特にデザイン習いたての専門学生時代💦)

・何を選べばいいかわからない
・とりあえず目立つ色を使う
・結果、まとまりがなくなる

その結果、無意識に
「ビビットな色」に頼っていました。

でも、それではうまくいきませんでした。

■ なぜ色選びで迷うのか?

今なら原因ははっきりわかります。

それは
「基準がないまま選んでいたから」です。

例えばこんな経験はないでしょうか?

子どもの頃に覚えた
「赤」「青」「緑」といった“記号的な色”を、
そのまま当てはめて使ってしまう。

このように感覚だけで選ぶと、
どうしてもデザインはブレてしまいます。

だからこそ、
判断するための軸が必要でした。



色_トーン_サムネイル-03.jpg

■ この図(図1)で“基準”を手に入れた

そこで役に立ったのが、この図(図1)です。

色は以下の2つの軸で整理できます。

・明度(明るさ)
・彩度(鮮やかさ)

🔼 上に行くほど → 明るい
🔽 下に行くほど → 暗い
▶️ 右に行くほど → 鮮やか
◀️ 左に行くほど → くすむ

つまり色は、
感覚ではなく“位置”で選べるということです。



色_トーン_サムネイル-02.jpg

■ よく見ると1色には“違い”がある

ここで、図1から「黄色」を取り出したのが図2です。

一見「黄色は1色」に見えますが、
実際は違います。

・明るい黄色
・暗い黄色
・くすんだ黄色
・鮮やかな黄色

といったように、
同じ黄色でも複数のバリエーションが存在します。

最低でも十数種類に分かれます。

つまり、
「黄色を使う」という選択の中にも、
すでに“選ぶべき方向”があるということです。


余談ではありますが、

黄色とひと言でいってもこれだけあるわけですが

アンミカさんの

「あのな!白って200種類あんねん!」

意外にホントなのかもって思いませんか?😆


色_トーン_サムネイル-03.jpg

■ 色には“意味”がある

ここでさらに重要なポイントです。

色は単なる見た目ではなく、
印象をコントロールする要素です。

例えば、

・ビビット → 強い・目立つ
・ライト → やさしい・軽い
・グレイッシュ → 落ち着き
・ダーク → 高級・信頼

(※あくまで一例)

この違いを理解すると、
「なぜこの色なのか」を説明できるようになります。

■ デザインは“目的”から決まる

そして最も重要な考え方です。

色は「好き」で選ぶものではなく、
目的から決めるものです。

👉 誰に
👉 何を伝えるのか

これを考えることで、

・子ども向け → 明るくやさしい色
・高級感 → 暗く落ち着いた色
・セール → 強く目立つ色

といったように、
自然と選択肢が絞られていきます。

■ ビビットに頼らなくてよくなった

デザインを学び始めた頃の私は、
「目立たせたい=ビビット」でした。

しかし今は違います。

色だけでなく、

・余白
・サイズ
・配置

といった要素でも、
“見せ方”はコントロールできると理解したからです。

その結果、
必要以上に強い色を使うことはなくなりました。

■ まとめ

色選びに迷ったときは、次の順番で考えてみてください。

・「明度」「彩度」を理解する
・カラートーンという考え方を知る
・色のバリエーションの多さを知る
・伝えたい印象に合わせて色を選ぶ
・余白・サイズ・配置と組み合わせる

これらを意識することで、
色だけに頼らない、統一感のあるデザインが作れるようになります。

カラーコーディネーターの資格もいりません。

(私には必要ありませんでした😅)

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

TAKEO@デザインは考え方が7割

投稿者情報

TAKEO@デザインは考え方が7割

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(2
  • 会員ID:hHTTwmo1
    会員ID:hHTTwmo1
    2026/03/26

    先日はオフ会有難うございました! 目的から逆算するって発想、目からウロコでした! Webデザイン独学中なので、カラートーン図を手元に置いて実践してみます! ありがとうございました✨️

    TAKEO@デザインは考え方が7割

    投稿者

    2026/03/26

    こちらこそ、オフ会ご参加いただきありがとうございました😊 コメントありがとうございます✨️ そうですね、ビルドアップも大事で良くやられると思いますが、クライアントさんとエンドユーザーさんを繋げる方法を考えてから、どうデザインしていくかをやっていくとまた新しい考え方が生まれてよりぼやけていたモノが鮮明になってくると思います😄 ぜひカラートーンを参考にネットやSNSで色の組み合わせを載せている内容を確認してみてください💡 きっと理由がわかると思います😄

    TAKEO@デザインは考え方が7割

    投稿者

  • 会員ID:XAkWJCz1
    会員ID:XAkWJCz1
    2026/03/26

    先日はオフ会開催いただきありがとうございました!好きな色を使いたくなり暴走すると最終的にアレっとなることがあります😆そこをぐっと我慢してターゲットの印象、サイズ、余白、全体像をイメージして考えてみます。考え方のノウハウありがとうございます🙏😊

    TAKEO@デザインは考え方が7割

    投稿者

    2026/03/26

    オフ会ご参加いただきありがとうございました😌 それを踏まえてのコメントありがとうございます🙇‍♂️嬉しいです😊 そうですね💡ご自身が使いたくなる色への感情はグッと抑えてみてくださいね😅 私もまだまだご説明が拙くて申し訳ありません💦 言い方の違いだと思いますが、補足させてください😊 「ターゲットがそれを見た時にイメージできる印象・雰囲気」の色の方向性とサイズ、余白、配置を組み合わせて、デザインの全体像をイメージして考えてみてくださいね😊 ただ、色はデザイン全体の中で与える印象かなりをしめますので、今回の記事を参考にしていただけたら幸いです😌 考えてデザインをすることを意識しているうささんの行動力、素晴らしいです👏 これからも意識してみてください😊

    TAKEO@デザインは考え方が7割

    投稿者