【HTML】モバイルページの検索窓に色を付けるmetaタグの「theme-color」の使い方。

日本経済新聞とかのページでタブの検索窓に色がついてるやつあるじゃないですか、あれなんかかっこいいんで実装してみました。（とはいへ昔からやってたのだが）

設定方法

単純にカラーコードの入った以下のmetaタグをhead内に貼り付けるだけ。

<meta name="theme-color" content="#5fd354">

16進数カラーコードを選択するやつは以下のサイトが便利です。

そうすると以下のように色が変わります。

ですが、Opera等一部のブラウザは非対応です。