はじめに
Qiitaと題名に入れましたが、けっこう汎用的な話題かなと思います。
ずばり、「ダークモードでもライトモードでも見やすい文字色って何！！！」です。
Qiitaだと、表示モードはユーザーによります。
僕は<font color="LightGreen">が好きで使っていたのですが、
ライトモードだとえげつ見にくいんですよね。
example
なんとかしなきゃな～と思ってはいまして、やっと重い腰をあげた次第です。
ということで、こちら ↓ の記事を参考に、見やすそうな色を見つけていきます！
（Qiitaでは自分のアイコンクリック⇒「テーマカラー」クリックで表示モードを切り替えることができます！ぜひ、自分の目でも違いを見てみてください！）
![[Pasted image 20240220174432.png]]
欲しい色の条件
まず、原色はあまり使いたくないです。
原色は見やすい！というのはわかってるんですが・・・原色を使わないことでセンス良く見せたい・・・・・・
3色ほど欲しいですね。
「ネガティブな時の色」
「ポジティブな時の色」
「ポジティブな時の色②」
という感じで使い分けていきたいです。
王道なのは、
「ネガティブな時の色」：青系
「ポジティブな時の色」：赤系
「ポジティブな時の色②」：黄色系
でしょうか。
選定していく
ピンク系は、HotPinkがいい感じに見えます！
example
パープル系は、Violetがいい感じでしょうか。
ネガティブ・ポジティブという点ではどちらとも言いにくく、少し使いにくいかも。
でもいい色ですね。
example
赤系はなかなかいい色がそろってます。
特にSalmonが良いですね。赤らしさも強めで、「強調」に使いやすそうです。
example
オレンジ系も良さげです。特にOrange
後述しますが、黄色系が全滅なので、その代わりに使えそうです。
example
黄色系はライトモードで全滅でした。
唯一いい感じに見えたGoldも、単体で使うとやはり見にくいです。
example
緑系はLimeGreenが非常に良き。
緑系はポジティブ寄りの・・・難しい色ですが、好きな色なんですよね。
Qiitaの色だし、使っていきたい！
example
シアン系はDarkTurquoiseがいい感じ！
色がめっちゃ好きです。ネガティブというにはちょっと明るすぎるかな？
example
青色系はDeepskyblueが良き。見やすい上しっかり青。
example
ブラウン系はPeruが良さげです。ブラウンを使うかは置いといて。
example
白系と灰色系は全滅です。強いて言えば、DarkGrayを隠し文字的に使うかも。
Qiitaはfontじゃなくspanを使えるようにしろ～！ 的な
example
まとめ
以下の形で使っていきたいと思います！
example HotPink
example Violet ネガ①
example Salmon ポジ①
example Orange ポジ②
example LimeGreen ポジ③
example DarkTurquoise
example Deepskyblue ネガ②
example Peru
example DarkGray
おわりに
※<font>タグは一般的には推奨されておらず、<span style="" >を使用することが推奨されています。
2024/02現在、Qiitaでは<font>タグのみ使用可能ですので、本記事では<font>タグを使用しております。