ウェブ制作での黒文字カラーコード候補
ホームページを制作する際
ウェブサイトの黒文字の色はどのように設定してますか?
カラーコード:#000000の真っ黒で設定してますか?
読者に出来るだけ負担をかけずに
隅々まで読んでもらえるように
テキストのカラー設定は、とても大事です。
#000000の真っ黒文字は、
コントラストが非常に強すぎるため
長時間、閲覧していると目が疲れやすく
可読性を損なう可能性があります。
そして、人間の目は、自然界にあまり存在しない真っ黒を
長時間見続けることに適応していないため、
違和感や不快感を覚えたりすることがあります。
そのような理由から
多くの企業のホームページでは
真っ黒の#000000があまり使われていません。
ウェブサイト運営者、コピーライターにとっては
読者に、少しでも多くのコンテンツを読んでもらうことが
とても大事です。
そのため、ただの文字色と
バカには出来ません。
今回は、黒は黒でもウェブサイトに
最適な黒色候補をシェアしたいと思います。
ちなみに、当サイト「おかげさま『感謝の種まき』」では、
日本経済新聞社で採用されているのと同じ
#333333を採用しています。
ウェブサイト向け黒色候補
#000000 (明度:0%):あまり使われない黒、LINE、株式会社エヴォワークス
#050505 (明度:2%):Facebook
#0F0F0F (明度:5.9%):Youtube
#111111 (明度:6.7%):ワールドオンラインストア
#0f1111 (明度:6.7%):Amazon
#0f1419 (明度:10%):X
#1b1b1b (明度:11%):ユニクロ
#181C1F (明度:12.2%):reddit
#212121 (明度:12.9%):トヨタ自動車株式会社
#1C1E21 (明度:12.9%):WhatsApp
#222222 (明度:13%):NewsPicks、note、メルカリタイトル
#202124 (明度:14%):Google検索のURL
#262626 (明度:15%):Instagram
#2d2d2d (明度:18%):ZOZOTOWN
#333333 (明度:20%):日本経済新聞、Yahooニュース、メルカリ本文
#444444 (明度:27%):東洋経済オンライン
#4d5156 (明度:34%):Google検索の文字
#51656f (明度:44%):株式会社リクルート
こんな感じでそれぞれのこだわりの黒が反映されています。
あなたのサイトには、どの黒が最適でしょうか?