Chrome 109无法准确渲染RGB颜色，求助问题原因排查

这不是Chrome/Edge的Bug，是系统或浏览器的颜色管理配置差异导致的——Chromium内核的Chrome和Edge默认会遵循Windows系统的颜色配置，而Firefox的颜色管理逻辑不同，所以出现显示差异。

排查与修复步骤 #

• 检查系统颜色管理设置

  1. 打开Windows 10的「颜色管理」（可通过控制面板搜索，或右键桌面→显示设置→高级显示设置→颜色管理）
  2. 查看当前使用的颜色配置文件，切换到系统默认的「sRGB IEC61966-2.1」标准配置
  3. 确认勾选「使用我对此设备的设置」，避免应用自定义颜色校正规则

• 调整Chrome/Edge的颜色配置

  1. 在浏览器地址栏输入 chrome://flags/#force-color-profile（Edge输入 edge://flags/#force-color-profile）
  2. 将选项设置为「sRGB」，重启浏览器后再测试颜色显示

• 检查显示器设置
  部分显示器自带色彩校正或自定义色彩模式，可能会修改输出颜色，尝试将显示器重置为出厂默认设置

验证测试 #

可以用这段代码做对比测试：

<!DOCTYPE html>
<html>
<body style="background:#ff0000; color:#ffffff;">
  <div style="background:#00ff00; padding:10px;">纯绿色</div>
  <div style="background:#0000ff; padding:10px; margin-top:10px;">纯蓝色</div>
</body>
</html>

调整配置后用取色工具测量这三个基础色，确认是否和设置的十六进制值一致。

内容的提问来源于stack exchange，提问作者Yoz