パステルカラー配色は、やさしく・明るく・親しみやすい印象を与えたい場面でよく使われます。
「柔らかさ」や「安心感」を出す配色として、注目されています。
この記事では、
をまとめてご紹介。
子供向け・女性向けのデザインだけでなく、Webデザイン・インテリア・イラストの参考にもおすすめです。
パステルカラー配色の特徴とは？
パステルカラーとは、白を多く含んだ、明度が高く彩度が低めの色のことを指します。
「強く主張しない色」だからこそ、幅広いジャンルで使いやすいのが特徴です。
パステルカラー配色の基本ルール
パステルカラー配色を、可愛いだけで終わらせないためのポイントです。
このルールで、「子供っぽすぎない」パステル配色になります。
パステルカラー配色パターン集
ここからは、パステルカラー配色をいくつかご紹介していきます。
王道｜パステルピンク×ホワイト配色
パステルカラー配色といえばこれ！かわいくて安心感のあるふんわり配色。
| カラー | カラーコード | RGB |
| メイン | # | 246, 193, 204 |
| サブ | # | 255, 255, 255 |
| アクセント | # | 232, 232, 232 |
さわやか｜パステルブルー×ホワイト配色
清潔感と柔らかさを両立した、さわやかパステル配色。
| カラー | カラーコード | RGB |
| メイン | # | 198, 223, 242 |
| サブ | # | 255, 255, 255 |
| アクセント | # | 229, 229, 229 |
癒し｜パステルグリーン配色
ナチュラルで安心感のある組み合わせ。
| カラー | カラーコード | RGB |
| メイン | # | 205, 232, 213 |
| サブ | # | 245, 244, 241 |
| アクセント | # | 227, 220, 205 |
かわいい｜パステルイエロー配色
明るくポジティブな印象で、親しみやすい組み合わせです。
| カラー | カラーコード | RGB |
| メイン | # | 255, 241, 184 |
| サブ | # | 255, 255, 255 |
| アクセント | # | 233, 233, 233 |
大人可愛い｜パステル×グレージュ配色
上品で、甘くなりすぎない大人パステル。
| カラー | カラーコード | RGB |
| メイン | # | 216, 207, 230 |
| サブ | # | 246, 242, 237 |
| アクセント | #BFB7AE | 191, 183, 174 |
パステルカラー配色の黄金比
パステルカラー配色では、「色の割合」がとても重要です。
アクセントは控えめが正解です。
パステルカラー配色のNG例
パステルカラーの優しい雰囲気にしたいのに、なんだか違う気がする…そんなときは、
以上のことに注意して、もう一度配色を考え直してみましょう。
色の調べ方
色を調べるに当たって、Canvaというアプリを利用させていただいています。
フリー画像やデザインはもちろん、画像から色を抽出してくれるのが便利です。
配色におすすめの本
配色に悩んだときにおすすめなのが、こちらの本。
オシャレでかわいい配色がたくさん載っているので、お気に入りが見つかること間違いなし！
＼ 中身はこんな感じ ／
まとめ｜パステルカラー配色は「トーン統一」が鍵
パステルカラー配色は、
これだけで、やさしく洗練された印象になります。
今回紹介した配色パターンは、子供向け・女性向けのデザインだけでなく、Webデザイン・インテリア・イラストまで幅広く使えるので、ぜひ保存して活用してみてくださいね。
他のイメージの色も、調べ次第更新していきたいと思います。
リクエストもお待ちしています！！
コメント