【初心者向け】デザイン入門③｜迷わない配色の基本ルール

「色を選ぶのが一番むずかしい…」

そう感じていませんか？

実は配色もセンスではなく、

シンプルなルールで誰でも整えられます。

今回は、迷わず使える

配色の基本ルールを解説します。

■ 結論

👉 色は「3色以内」に絞る

■ ① ベースカラー（70%）

全体の土台になる色です。

白

薄いグレー

ベージュ

👉 基本は“目立たせない色”

背景や広い面積に使います。

■ ② メインカラー（25%）

印象を決める色です。

青 → 信頼感

赤 → 強さ・目立つ

緑 → 安心感

👉 サービスのイメージに合わせる

使いすぎないのがコツです。

■ ③ アクセントカラー（5%）

一番目立たせたい部分に使います。

ボタン

強調したい文字

注目ポイント

👉 ここぞという場所だけに使う

■ よくあるNG例

色をたくさん使いすぎる

全部カラフルにする

強調色だらけ

👉 結果：「どこを見ればいいか分からない」

■ 配色で迷ったらコレ

初心者はまず👇

👉 同系色でまとめる

例：

青＋水色＋ネイビー

👉 これだけで“それっぽく”なります

■ まとめ

配色はこのルールだけ覚えればOK：

色は3色以内

ベース・メイン・アクセントで分ける

アクセントは使いすぎない

👉 迷ったら“シンプル”が正解です

■ 最後に

配色は経験よりも

ルールを守るかどうかで大きく変わります。

最初は「少なすぎるかな？」くらいでOKです。

少しずつで大丈夫。

楽しみながら続けていきましょう！