Blue 文字色と背景色

 

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

今回は 青系の背景色と それに合う文字色を探してみましょう。

 

● 背景色を薄い青系に

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

左の背景色 #e6f7ff
中の背景色 #e3fbfd
右の背景色 #e8e9ff

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

水色は さわやかで涼しいイメージがあります。
青い空に白い雲 やさしい水の流れといった感じですね。

 

● 背景色をやや濃い目の青系に

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

左の背景色  #80C9F3
中の背景色  #B0B4F5
右の背景色  #94F7FA

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

濃いめの水色になると 夏の海 スポーティな若者という感じですね。

 

 

● 背景色を 濃い青系に

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

左の背景色 #163545
中の背景色 #1f2f8b
右の背景色 #32207b

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

 

濃い青になると 夜空とか宇宙 堅いフォーマルな印象になります。

 

 

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

 

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