1. HOME
  2. ホームページ作成の小技
  3. HPの配色(ベースカラー、メインカラー、アクセントカラー)を最初に決めよう ---東京|さくっとHP制作

TECHNIQUES

ホームページ作成の小技

東京のさくっとホームページのHP制作の小技

HPの配色(ベースカラー、メインカラー、アクセントカラー)を最初に決めよう —東京|さくっとHP制作

HPの配色(ベースカラー、メインカラー、アクセントカラー)はデザインにおいて重要な役割をもち、色の組み合わせで注意を引いたり、 雰囲気を作ったりするだけなく、感情にも影響を与えます。

WEBの作成にあたって、まずは、ベースカラー、メインカラー、アクセントカラーを固めてから作成に入っていきます。

具体的に「ファミマの緑がいい」「三菱の赤がいい」という場合もあれば、ざっくり「明るいオレンジ系かな~」などという場合もあると思います。
そんなときは、ググって色の参考サイトを探してみるとよいかもしれません。

企業の場合、メインカラーはロゴマークの中に入っている色として、サブカラーをカラーコード表から選んで決めます。
選んだ色を、wordなどに図形を配置し実際に色をつけて並べてみるとイメージしやすいです。

 

参考までに、弊社ですと

原色大辞典 https://www.colordic.org/
カラーコードが一目でわかるWEB色見本 原色大辞典は1997年にオープンしたネットの色見本サイトです。

を利用しています!
色ごとに、[ピンクの配色パターン 色の組み合わせ]という感じでまとめられているので、「あともう一色なにか欲しい…」「同系色の明るい色を足したい」という時にもとても重宝しています。