はじめに

いろいろとサイトをスマホで見ていると、たまにサイトのイメージカラーと同じ色になったり、下のメニュバーのアイコンもそれに合わせた色になったり、ちょっとかっこよかったので調べてみました。

イメージ的には以下のような感じです。

から…

に！
ちゃんと一番下のメニューバーのところも変わってます！
（なんか、スクショしたけど解像度高くない？って感じたり、ちょっと大きすぎないって考えたり）

最近のサムスンの端末はやけに解像度が高くなっていて、すぐに内蔵のストレージを圧迫しだすので困ったものですが…
でも、自分的には高解像度の方がいいので、設定はそのままですが…

こんなに大きくなくても、見たらわかりますよね（笑）

やること

簡単です。
HTMLのhead部分に以下を記載するだけ！

追記部分

<meta name="theme-color" content="green" />

これで、ちょっとかっこいいサイトでも作れそう！

以上、おわり！