※当サイトは、Google Adsense、Amazonアソシエイト、各種アフィリエイト広告を利用しています。

ウェブ制作での黒文字カラーコード候補

ワードプレス

ホームページを制作する際
ウェブサイトの黒文字の色はどのように設定してますか?

カラーコード:#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%):株式会社リクルート

こんな感じでそれぞれのこだわりの黒が反映されています。

あなたのサイトには、どの黒が最適でしょうか?

ブログランキング・にほんブログ村へ  人気ブログランキング  おかげさま『感謝の種まき』 - にほんブログ村

人気ブログランキングでフォロー