私の環境も同じブラウザ＆バージョンでしたが、こちらでは発生していないのでChatGPTに聞いてみました。
上から順に確認を推奨されています。
1はその手の記事もあったので、確かに可能性ありそうです。
1. Dynamic Color Gamut (DCG)
原因: Chromeはディスプレイの色域やダイナミックレンジを活用して、広色域対応のフォントやUI要素を描画する場合があります。しかし、特定のWebページやCSSで意図していない色の変化が発生することもあります。
対策: Dynamic Color Gamut をオフにして確認する方法。
Chromeのアドレスバーにchrome://flagsと入力してアクセス。
「Dynamic color gamut」や「Wide color gamut」を検索。
該当する項目を「Disabled」に設定し、ブラウザを再起動。
2. CSSやWebフォントの設定の問題
原因: ページ作成者が意図せず、特定の色やフォントの設定を間違えている場合があります。また、フォントの読み込みに失敗してブラウザのデフォルトフォントが使用され、色が異なるように見えることも。
対策:
他のデバイスで同じページを開いて同様の問題が発生するか確認。
問題がChrome特有の場合、スタイリッシュやユーザーCSS拡張を使って独自に修正できます。
3. OSの設定（Android側の影響）
原因: Androidのディスプレイ設定で「ダークモード」や「カラーモード」が有効になっている場合、色の見え方が変わることがあります。
対策:
Androidの「設定」→「ディスプレイ」→「カラーモード」または「ビビッドモード」を確認。
通常モードやsRGBに切り替えて再確認。
4. Chromeのハードウェアアクセラレーションの影響
原因: GPUによるレンダリングで、色やフォントの描画が期待通りにいかない場合があります。
対策:
Chromeのアドレスバーにchrome://flagsと入力。
「Hardware-accelerated rendering」や「GPU rasterization」を検索。
無効化して問題が解消されるか確認。
5. ページのテーマやアクセシビリティ設定
原因: ページが動的にテーマを変更する仕様（例えば、ダークモードの切り替え）を持つ場合、フォントの色が誤って適用されることがあります。
対策:
該当ページでアクセシビリティモードやテーマ設定がある場合、それを確認・調整。
6. フォントレンダリングエンジンのバグ
原因: 特定のAndroidバージョンやChromeのバージョンで、フォントレンダリングエンジンにバグがある可能性。
対策:
Chromeのバージョンを最新に更新。
同じデバイスで別のブラウザ（Firefox、Edgeなど）を試して比較。
