浏览器移至副显示器时颜色十六进制代码变更问题求助

核心原因 #

1. 浏览器与桌面程序的色彩管理逻辑差异
   浏览器默认启用系统级色彩管理，会依据当前显示器的ICC/ICM色彩配置文件，对网页中的RGB颜色做转换，以此保证视觉色彩的一致性；而C#桌面程序（如WinForms/WPF）通常默认绕过色彩管理，直接输出原始RGB信号到显示器硬件，因此不会产生颜色转换。
2. 双显示器色彩配置不一致
   主副显示器使用了不同的色彩配置文件，浏览器跨显示器时会自动切换适配目标显示器的配置，导致输出的实际RGB值发生变化（#FF0000被转换为#F90000），取色工具捕获的是转换后的硬件输出值；而C#程序直接输出原始RGB，不受配置文件影响，所以两台显示器上的颜色和取色结果一致。

解决办法 #

• 禁用浏览器色彩管理
  • Chrome：地址栏输入chrome://flags/#force-color-profile，将选项设置为sRGB，重启浏览器后，浏览器会强制使用统一的sRGB色彩空间，跨显示器不再做颜色转换。
  • Firefox：地址栏输入about:config，搜索gfx.color_management.mode，将值改为0（禁用色彩管理），重启生效。
• 统一双显示器色彩配置
  打开系统显示设置，将两台显示器的色彩配置文件设置为同一个（推荐使用系统默认的sRGB IEC61966-2.1），这样浏览器的色彩转换逻辑在两台显示器上会保持一致，取色结果也不会出现偏差。
• CSS强制指定色彩空间
  在CSS中添加以下代码，强制页面使用sRGB色彩空间（部分现代浏览器支持）：

  :root {
    color-profile: sRGB;
    rendering-intent: auto;
  }
  

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