Safariでいろいろなウェブページを見ていると、ときどきツールバーまで色が変わるサイトがあります。

ずっとページ上のなにかの色を検知して、ツールバーの色を変えていると思っていたのですが、ヘッダーのメタタグで指定するようです。2021年のSafari以降で対応を始めたようです。ブラウザの設定でオフにもできるようです。

HTMLのヘッダーに
<meta name="theme-color" content="#008800" />
のように色を指定するだけです。

ただし、ダメな色もあるようで、試行錯誤した感じだと、「WEB色見本 原色大辞典 - HTMLカラーコード」の一覧で白抜きになっているものは大丈夫そうです。

Safari以外では、AndroidのChromeが対応しているようですが、広がりを見せているかどうかは、微妙。