【はてなブログ】ブラウザとアプリの文字色の比較〈フォントカラー〉

f:id:bliyashi:20210621234810p:plain


はてなブログの記事作成は「ブラウザ」と「アプリ」どちらからでも出来ますが

編集画面に用意されている文字色(フォントカラー)は微妙に違います。

お気に入りの色がアプリにだけあって「ブラウザにも同じ色を用意してくれたらな〜」と思ったりします。

※カラーコードを自分で書き換えれば、好きな色を使えます。


この記事では、「はてなブログのブラウザとアプリの文字色」を比較してみました。

ブラウザ、アプリ、どちらかにお気に入りの色が見つかるかもしれません。
是非見てみて下さいね!
 

 

はてなブログのブラウザとアプリの文字色の比較

文字色の数

ブラウザ 30色(黒あり・白あり)
アプリ 16色(黒あり・白なし)

パレット

ブラウザ
5 × 6 = 30 色
f:id:bliyashi:20210621233435j:plain

1番下の原色っぽい色は、カラーコードを見るに「Webセーフカラー」?のようです。
Webセーフカラー web216 - Web Safe Colors


アプリ
4 × 4 = 16 色
f:id:bliyashi:20210621230606j:plain


色のバリエショーションの比較

黒と白は割愛します。

グレー

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色

ブラウザはグレーのバリエーションが多いです。

レッド・ピンク

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色
アプリの文字色
アプリの文字色
アプリの文字色

ブラウザ、深刻なピンク不足。
アプリの丁度良いピンクをブラウザでも使いたい…!

パープル

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色
アプリの文字色

ブルー

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色
アプリの文字色

ブルーはリンクに見えるのでなるべく避けたいですが、爽やかで好きなのでたまに使います。ブラウザの方が好きです。

エメラルド

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色
アプリの文字色

グリーン

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色
アプリの文字色

オレンジ・イエロー

ブラウザの文字色
ブラウザの文字色
ブラウザの文字色
ブラウザの文字色

アプリの文字色
アプリの文字色
 

まとめ

  • 色の数は、ブラウザが30色でアプリが16色と、倍近くの差があります。
  • ブラウザには「Webセーフカラー」が用意されているみたいです。
  • ブラウザは色のバリエーションが結構偏っているように見えます。(寒色系が多い、ピンクが1色しかない)


気になる色があった方は、ぜひ使ってみて下さい♪

ブラウザとアプリの文字色の比較でした。