モノトーン配色は、色数を極限まで抑えた、最も洗練された配色のひとつです。
シンプル・都会的で、時代に左右されない最強の配色です。
この記事では、
をまとめてご紹介。
Webデザイン・ファッション・インテリア・ロゴ配色の参考にもおすすめです。
モノトーン配色とは？
モノトーン配色とは、白・黒・グレー（無彩色）のみで構成する配色のことです。
「デザインの完成度」を高く見せたいときに最適です。
モノトーン配色の基本ルール
モノトーン配色はシンプルなので、センスが問われる配色ともいえます。
配色＝比率が最重要ポイントです。
モノトーン配色パターン集
ここからは、モノトーン配色をいくつかご紹介していきます。
【王道】ブラック×ホワイト配色
最もシンプルでシャープな雰囲気の、強いモノトーン。
| カラー | カラーコード | RGB |
| メイン | # | 0, 0, 0 |
| サブ | # | 255, 255, 255 |
| アクセント | # | 230, 230, 230 |
【やわらか】グレー×ホワイト配色
黒を使わず、優しくて柔らかい印象に。
| カラー | カラーコード | RGB |
| メイン | # | 158, 158, 158 |
| サブ | # | 255, 255, 255 |
| アクセント | # | 242, 242, 242 |
【重厚】チャコール×ブラック配色
深みと高級感のある、男性向けの大人モノトーン。
| カラー | カラーコード | RGB |
| メイン | # | 51, 51, 51 |
| サブ | # | 0, 0, 0 |
| アクセント | # | 189, 189, 189 |
【軽やか】ホワイト×シルバー配色
知的で清潔な雰囲気の、明るく洗練されたモノトーン。
| カラー | カラーコード | RGB |
| メイン | # | 255, 255, 255 |
| サブ | # | 201, 204, 214 |
| アクセント | # | 158, 163, 176 |
【都会的】ブラック×グレー配色
都会的でスタイリッシュな、モノトーン配色です。
| カラー | カラーコード | RGB |
| メイン | # | 17, 17, 17 |
| サブ | # | 74, 74, 74 |
| アクセント | # | 218, 218, 218 |
モノトーン配色が失敗しない黄金比
モノトーン配色では「色の割合」がとても重要です。
この比率を意識するだけで、配色のバランスが一気に良くなります。
黒は「締め色」扱いが成功のコツです。
モノトーン配色のNG例
モノトーン配色なのに、なんだかおしゃれじゃないがする…そんなときは、
以上のことに注意して、配色を考え直してみましょう。
＼こちらの記事もオススメ！／
＼＼ 他の配色が見たい方はこちら ／／
色の調べ方
色を調べるに当たって、Canvaというアプリを利用させていただいています。
フリー画像やデザインはもちろん、画像から色を抽出してくれるのが便利です。
配色におすすめの本
配色に悩んだときにおすすめなのが、こちらの本。
まとめ｜モノトーン配色は「引き算の極み」
モノトーン配色は、
ことで、最も洗練された印象を生み出します。
今回紹介した配色パターンは、Webデザイン・ファッション・インテリア・ロゴまで幅広く使えるので、ぜひ保存して活用してみてくださいね。
他のイメージの色も、調べ次第更新していきたいと思います。
リクエストもお待ちしています！！
コメント