Yellow 文字色と背景色

 

mamohoのホームページ配色講座

今回は 黄色を背景色にしてみた場合のお話です。

 

◆ 背景色を薄い黄色に

薄めの 黄色系の背景に文字をのせてみました。

左の背景色 #ffffcc
中の背景色 #ffff66
右の背景色 #eaff93

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

薄い黄色を背景にすると やさしくやわらかいイメージになります。
どんな色にもあわせやすく とっても扱いやすい色です。

 

 

◆ 背景色をやや濃い目の黄色系に

やや濃い目の黄色系に 文字をのせてみました。

左の背景色  #ffff60
中の背景色  ##ffd555
右の背景色  ##d9de74

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

 

上の 背景色と 同じ文字色で書いてあります。
結構 いろんな色にあいますね。

 

 

◆ 背景色を 濃い黄色系に

濃い黄色系の配色に 薄めの文字色をいれてみました。

左の背景色 #848628
中の背景色 #846d31
右の背景色 #616921

あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ
あいうえおかきくけこ

 

やはり 濃い背景色には 薄い文字色がいいですね。
おちついた雰囲気のページにはぴったりですね。


 

mamohoのホームページ配色講座

 

当ホームページは リンクフリーです! 
Copyright (C) 2006. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。