配色
-
上の参考サイトなどを利用して、サイトにふさわしい色をひとつ選択します。
-
もし、「配色」の参考となるデータ画像などがあれば、それを下敷きにすることも考えられます。
-
先行する「団体紹介のリーフレットやチラシ」等がその典型となりましょう。
-
また、ウェブページでも、たとえば、「Spectral coordinates」(英語版ウイキ)など、配色に関する格好のデータに遭遇することもできます。
「配色」の参考となるデータ画像
|
№
|
カラーコードの採色
|
ここに画像を貼り付けます。
|
01
|
#
|
02
|
#
|
03
|
#
|
04
|
#
|
05
|
#
|
06
|
#
|
07
|
#
|
08
|
#
|
09
|
#
|
-
採色用のソフト(たとえばパワースポイト)を利用して、画像のカラーコードを採色します。
-
以上の具体例は「本サイトの配色」をご覧ください。
№
|
本サイトの配色基準リスト
|
01
|
#1a1a1a
|
02
|
#333333 ★C01
|
03
|
#4d4d4d ★C02
|
04
|
#666666 ★C03
|
05
|
#808080 ★C04
|
06
|
#999999 ★C05
|
07
|
#b2b2b2
|
08
|
#cccccc ★C06
|
09
|
#e6e6e6
|
10
|
#f2f2f2 ★C07
|
11
|
#29CCCC
|
12
|
#CC0000
|
№
|
本文中の見出し配色レインボー
|
01
|
red
|
02
|
orange
|
03
|
yellow
|
04
|
green
|
05
|
blue
|
06
|
indigo
|
07
|
violet
|
▲