WEBデザインの配色には、主に3つの色があります!
WEBデザインを構成する3つの色とは・・・
ベースカラー・メインカラー ・ アクセントカラー
のことです。
今回は、この3つの色がどういった色かをご紹介します。
1. ベースカラー
背景や余白の分部の白・黒・グレーなどが多いです。
![](https://www.ibg.jp/v2020/wp-content/uploads/2021/12/WEBデザインを構成する3つの色1.png)
2. メインカラー
WEBサイトのイメージを決める、主役の色になります。
![](https://www.ibg.jp/v2020/wp-content/uploads/2021/12/WEBデザインを構成する3つの色2.png)
3. アクセントカラー
デザインにメリハリを出す、引き締める役割の色です。
![](https://www.ibg.jp/v2020/wp-content/uploads/2021/12/WEBデザインを構成する3つの色3.png)
4. 配色の比率
それぞれを下記のような比率で配色をすると、美しく見えると言われています。
![](https://www.ibg.jp/v2020/wp-content/uploads/2021/12/WEBデザインを構成する3つの色4-1024x341.png)
ベースカラー:70%
メインカラー:25%
アクセントカラー:5%
![](https://www.ibg.jp/v2020/wp-content/uploads/2021/12/WEBデザインを構成する3つの色5-1024x734.png)
5. 最後に・・・
「どの色をどこに置いたらバランスが良くなるのかが分からない」とお悩みの方は、ぜひ参考にされてみてくださいね。
普段、何気なく見ているWEBサイトも ベースカラー・メインカラー ・ アクセントカラーがあるのはないでしょうか?意識して見てみると新しい発見があるかもしれませんね。
今回、説明した内容をInstagram(@ibg_webdesign)でも投稿しています。
その他にも無料で作れるデザインのWEBサービスの紹介なども投稿していますので、ぜひ Instagramをチェックしてみてくださいね。