ホームページを制作する際、
テキストの黒文字カラーを
どのように設定していますか？

カラーコード #000000 の
真っ黒を使っている人も多いかもしれません。

読者に出来るだけ負担をかけずに
隅々まで読んでもらえるように
テキストのカラー設定は、とても大事です。

#000000の真っ黒文字は、
コントラストが非常に強すぎるため
長時間、閲覧していると目が疲れやすく
可読性を損なう可能性があります。

人間の目は、強いコントラストを
長時間見続けると疲れやすいとも言われています。

そのような理由から
多くの企業のホームページでは
真っ黒の#000000があまり使われていません。

ウェブサイト運営者、コピーライターにとっては
読者に、少しでも多くのコンテンツを読んでもらうことが
とても大事です。

そのため、ただの文字色とはいえ
決して軽視できません。

今回は、黒は黒でもウェブサイトに
最適な黒色候補をシェアしたいと思います。

ちなみに、当サイト「おかげさま『感謝の種まき』」では、
日本経済新聞社で採用されているのと同じ
＃333333を採用しています。

ウェブサイト向け黒色候補

#000000 (明度：０％)：あまり使われない黒、LINE、株式会社エヴォワークス

#050505 (明度：2％)：Facebook

#0F0F0F (明度：5.9％)：Youtube

#111111 (明度：6.7％)：ワールドオンラインストア

#0f1111 (明度：6.7％)：Amazon

#0f1419 (明度：1０％)：X

#1b1b1b (明度：11％)：ユニクロ

#181C1F (明度：12.2％)：reddit

#212121 (明度：12.9％)：トヨタ自動車株式会社

#1C1E21 (明度：12.9％)：WhatsAｐｐ

#222222 (明度：13％)：NewsPicks、note、メルカリタイトル

#202124 (明度：14％)：Google検索のURL

#262626 (明度：15％)：Instagram

#2d2d2d (明度：18％)：ZOZOTOWN

#333333 (明度：20％)：日本経済新聞、Yahooニュース、メルカリ本文

#444444 (明度：27％)：東洋経済オンライン

#4d5156 (明度：34％)：Google検索の文字

#51656f (明度：44％)：株式会社リクルート

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

ちなみにおすすめは以下の通りです。

カラーコード	印象	採用例
#111111	高級感・自然	ワールド
#222222	万能・読みやすい	note
#333333	定番・優しい	日経
#444444	柔らかい	東洋経済

サイトの世界観やターゲットに合わせて、
最適な「黒」を選んでみてください。