【「テーマカラー」をWebサイトで設定できる】

Android版Chromeブラウザーでは、Webサイトのアドレス入力欄があるアドレスバーの色はグレー、その上のステータスバーは黒ですが、表示するWebサイトによってはアドレスバーやステータスバーの色が変わって表示されます（*1）。有名どころではFacebookのWebページを表示すると、Facebookのテーマカラーである濃い青色になります。

Android版Chromeブラウザーの通常表示（写真＝左）、FacebookのWebサイト表示時はアドレスバーやステータスバーの色が変わる（写真＝右）

実はAndroid版Chromeブラウザーでは、Webページのファイル（HTMLファイル）にWebページの「テーマカラー」を設定できるようになっています（*2）。Webページにテーマカラーが設定されていると、それをアドレスバーやステータスバーに表示します。

FacebookのWebページに設定されたテーマカラー（赤枠部）

テーマカラーはページに固定で設定できるほか、表示後に変更することもできます（*3）。サンプルWebページにAndroid版Chromeブラウザーでアクセスして、カラーピッカーで色を変更すると、変更した色がアドレスバーやステータスバーに反映されます（*4）。

サンプルページ（写真＝左）、カラーピッカーでテーマカラーを変更できる（写真＝右）

【他ブラウザーの対応やWebサイトへの普及はこれから】

このテーマカラー機能は、速度測定サイトのFast.comや、管理画面でテーマカラーを変更できるはてなブログなど、設定しているWebサイトが徐々に増えてきています。

Fast.comではテーマカラーに白を設定（写真＝左）、はてなブログはテーマカラーを変更可能（写真＝右）

テーマカラー機能を活用すると、アドレスバーやステータスバー、Webサイトを含めて画面全体の色調を調整できるため、他のブラウザーの対応が進んでいけばより広く使われるようになるかもしれません。