Red 文字色と背景色

 

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

今回は 赤系の背景について一緒に考えてみましょう。

 

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

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

左の背景色 #fdf0ff
中の背景色 #ffe6e8
右の背景色 #fcebf5

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

うすいピンク色を背景にすると、かわいいイメージになります。
文字色は結構いろんな色にあいますね。

 

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

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

左の背景色  #facdcd
中の背景色  #f4d7b7
右の背景色  #eac1e7

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


上の背景色と 同じ文字色で書いてあります。
このあたりになると 背景がやや派手目になりますので、
文字色とのコントラストも考えてみましょう。

 

◆ 背景色を 濃い赤系に

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

左の背景色 #5b0000
中の背景色 #ad12ba
右の背景色 #c43100

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

赤のトーンをおとすと 高級感のあるおちついた感じになります。 
青系がまざると 魅惑的 神秘的になります。
オレンジ系 赤茶系は 暖かいイメージに仕上がります。
いろんな色を試してみて 見やすい色を探してみましょう。


 

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

 

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