White&Black 文字色と背景色

 

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

白 と 黒 の 配色について考えてみましょう
今回は 背景色にしてみた場合のお話です。

 

 

◆ 背景色を白

 

まずは、背景色を白にしてみました。 下の表を見てください。

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

濃い文字色には よく合いますが 
薄い文字色では見えづらいのがわかりますね。

 

 

◆ 背景色がグレー

 

今度は 背景色をグレーにしてみました。下の表を見てください。

 

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

 

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

 

文字色は 背景色が白の場合と 同じ文字色で書いてあります。
文字色と背景色には コントラストが大切というのがよく解りますね。

 

 

◆ 背景色を黒

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

 

 

こちらも 同じ文字色で書いてあります。
今度は 濃い文字色のほうが見えづらくなりましたね。

つまり 背景色と文字色を近い色にしてしまうと 読みづらい
というのが解ります。


黒 や 白 は 基本的にどんな色にでも合いますが
読みづらくならないようなコントラストにしないといけませんね。

 

 

 

 

 

 

配色と色会わせ

 

 

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

 

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