iPhone、iPad、Mac で Safari の Web サイトの色付け機能をオフにして、ブラウザの上部が Web サイトのヘッダーの色と一致しないようにする方法を説明します。

Safariのウェブサイトの色合い設定が有効になっている場合(デフォルト設定)、iPhoneまたはiPadのステータスバーが、現在閲覧中のウェブサイトのヘッダーの主要色に合わせて一時的に色合いを変えます。Macをお使いの場合は、ブラウザの上部全体が色合いを変えます。
ウェブサイトの色付け機能は、Safari とシステム ステータス バー (iOS が現在の時刻、信号強度、バッテリーなどの情報を表示するディスプレイ上部の専用領域) との境界を曖昧にします。
この機能を嫌う人は、ウェブサイトがステータスバーに色を流し込むのは不適切だと主張します。特に開いているタブを切り替える際に、気が散ってしまうからです。ありがたいことに、Appleはウェブサイトの色を自由に切り替えられるクイックスイッチを提供しています。
iPhoneまたはiPadでSafariのウェブサイトの色付けをオフにする
- iPhone または iPad で設定アプリを開きます。
- 下にスクロールして、「アプリ」 > 「Safari」をタップします。
- 「Web サイトの色合いの変更を許可する」をオフにします。
今後、Safari はシステム ステータス バーの色を現在の Web サイトのヘッダーの色と一致させなくなります。
すべての Web サイトがステータス バーの色付けをサポートしているわけではないことに注意してください。
MacのSafariで上部の色が変更されないようにする
MacのSafariの上部は、コンパクトタブレイアウトを使用している場合のみ、ウェブサイトに応じて色が変わります。既にコンパクトタブレイアウトを使用している場合で、色の効果が気に入らない場合は、Safariの設定からオフにすることができます。
- Mac でSafariを開き、上部のメニューバーから「Safari」 > 「設定」をクリックします。
- [タブ]をクリックすると、[タブ レイアウト]の横にある[コンパクト]が選択されます。
- 次に、[詳細設定]タブに移動し、 [コンパクトタブバーに色を表示する]チェックボックスをオフにします。
Safari では、現在表示している Web サイトに応じて上部の色が変更されなくなります。

Safari に関するその他のヒント:
- iPhoneとiPadでSafariをカスタマイズしてパーソナライズするための11のヒント
- iPhoneとMacのSafariにChromeのパスワードをインポートする方法
- Safari 拡張機能をウェブサイトごとに管理する方法