TECH BOX

Technology blog from Web Engineer

この記事は最終更新日から7年以上経過しているため正確ではないかもしれません

[Android限定]Chromeアドレスバーの色を変更する

AndroidのGoogle Chrome限定で上部アドレスバーを任意の色で指定することが可能。
サイトのキーカラーなどを指定することによって、他サイトとちょっとだけ差別化ができます。

Lolipop(5.0)以降でChromeが39以降であれば対応しています。

<head>
  <meta name="theme-color" content="#000000">
</head>

設定は上記のみなので、手軽に導入が可能です。

chrome_theme_color

実機ではこんな感じにアドレスバーの色が変更されます。
アドレスバー内のテキストカラーはAndroid側が適切な色に変換してくれるので便利。