配色（ベース、メイン、アクセント）について

配色について

WEBデザインの基礎として、配色というテクニックがあります。
配色には主に3つのカラーがあります。

• ベースカラー
• メインカラー
• アクセントカラー

この記事では、これらのカラーについて紹介していきます。

ベースカラー

• サイトの中で一番大きな面積を占める色です。
• 背景色や余白の色によく使われます。
• 白やグレーなどの明度の高い色がよく使われます。

メインカラー

• 言葉の通り、そのサイトでメインとなる色で、一番主張したい色です。
• 可読性の観点から、明度の低い色がより良いとされています。

アクセントカラー

• サイトにメリハリをつけるための色です。
• 全体に占める割合が一番少ない色です。

各カラーの割合

ベースカラー、メインカラー、アクセントカラーは以下の割合が良いとされています。

カラー具体例

アマゾンのサイトで具体例を見ていきましょう。

• ベースカラー：グレー、白
• メインカラー：ネイビー
• アクセントカラー：オレンジ

配色は、Webデザインの基本となります。簡単ですが、配色について以上です。