メタ theme-color
theme-color
GoogleのiOS アプリやAndroidのChromeでWebサイトにtheme-color
を設定すると、アドレスバーの色を設定することができます。
実装方法
<meta name="theme-color" content="#ffffff">
head内にmetaタグを設定するだけです。contentに設定されたカラーコードの色に変化します。
実用性
これを設定したことによって何かに大きく影響があるというわけではありませんが、少しは他のサイト差別化したりサイトの特色を出したりすることができるのではないでしょうか。
他にlighthouseのスコアには設定していないと突っ込まれたりしているようなので、スコアを気にしている人は設定するのもいいかもしれません。