テーマカラー

テーマカラーが指定されていると、特定のOS・ブラウザのユーザーインターフェイスの一部の色を変更できます。ブラウザは指定された色をページのタイトルバーやタブバーに使用します。

テーマカラーは必ずしも指定する必要はありません。例えば指定することでブランドカラーが強調され、それが有用なケースで指定すると良いでしょう。

指定するかしないか、またはどの色を指定するかはサイトやサービスの施策に合わせて検討してください。

<meta name="theme-color" content="#00c4cc">

ブラウザのパーツに色がついていない

テーマカラーなし

ブラウザのパーツに色がついている

テーマカラーあり

注意点

テーマカラーに指定する色はMDNのtheme-colorのページでは「推奨色」とされています。 これは、指定した色がアクセシビリティの観点から不適切とOSやブラウザから判断された場合などに、自動的に調整される可能性があるためだと考えられます。その点も考慮してテーマカラーを指定してください。