WPF迁移至HTML/CSS项目相同色值显示色差的解决咨询

• 颜色空间适配差异：WPF默认使用sRGB颜色空间，部分浏览器默认会加载系统颜色配置文件或支持广色域显示，导致同色值渲染偏移
• 字体渲染策略差异：WPF默认使用ClearType次像素抗锯齿渲染文字，若浏览器开启灰度抗锯齿，会让相同颜色的文字看起来更浅
• 伽马校正值差异：部分场景下两端的伽马校正系数（WPF默认2.2，部分旧浏览器默认1.8）不同，导致色值显示亮度不同

1. 强制浏览器使用sRGB颜色空间匹配WPF默认配置，在全局CSS中添加以下规则：

:root {
  /* 强制sRGB颜色空间，现代浏览器均支持 */
  color-profile: srgb;
  color-scheme: light;
}

2. 对齐字体抗锯齿策略，关闭浏览器默认的灰度抗锯齿，改用次像素渲染匹配WPF的ClearType效果：

* {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}

3. 若调整后仍有细微亮度差异，可直接微调色值适配，当前#0066CC可替换为伽马校正后匹配WPF显示效果的#005EB8即可。
4. 额外校验WPF端目标控件是否叠加了Opacity、模糊/阴影特效、父控件半透明等逻辑，排除额外图层对颜色显示的影响。

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