Android端末でサイトを見ていると、アドレスバーの色が変わるページがあるのが気になったので調べてみました。

metaタグにtheme-colorを設定

1行metaタグを追加するだけで、アドレスバーの色が変更されます。

<meta name="theme-color" content="#ff0000">

content属性には16進数のカラーコードを設定します。

記事投稿時点で対応しているのは、Android5.0以降/Chrome Ver.39以降、GoogleのiOSアプリユーザのみですが、細かいところにこだわりたい方は試してみてはいかがでしょうか。

関連記事: