多显示器颜色不一致的根源在于各屏幕缺乏独立icc配置文件校准，需为每块屏单独加载匹配的icc v4文件，并在css中用color(display-p3)等声明色域以适配广色域屏。
HTML颜色在多显示器上显示不一致，不是代码写错了
浏览器渲染的 #ffffff 在不同屏幕上看起来就是不一样——这不是 CSS 没生效，也不是 color 属性写错，而是屏幕本身没对齐。操作系统和浏览器只管“发这个 RGB 值”，不管它最终打到面板上是什么效果。
系统级色彩配置文件（ICC Profile）必须为每块屏单独加载
Windows/macOS 都支持为每个显示器绑定独立 ICC 文件，但默认往往只配主屏，副屏沿用默认 sRGB 或直接忽略。结果就是：rgb(255, 0, 0) 在 A 屏是正红，在 B 屏偏橙。
- Windows：进「显示设置 → 高级显示设置 → 显示器属性 → 颜色 → 加载校准文件」，注意选中对应显示器再点「加载」
- macOS：「系统设置 → 显示器 → 选择某屏 → 颜色描述文件」，不能全局设，必须逐个点开选
- Chrome/Firefox 不读系统 ICC？确实有概率——启用
chrome://flags/#force-color-profile并设为srgb或display-p3可强制对齐（仅限支持的设备）
硬件校准仪输出的 ICC 文件 ≠ 能直接通用
同一台校准仪（比如 X-Rite i1Display Pro）在校准不同型号屏幕时，生成的 ICC 文件内容差异很大。把 A 屏的 ICC 强行套给 B 屏，轻则灰阶断层，重则绿色溢出、暗部发紫。
- 校准前务必在系统里先「禁用所有其他显示器」，只留待校准那块屏亮着
- 校准过程中别调亮度/对比度旋钮，也别让环境光突变（关灯或拉窗帘）
- 输出格式选
ICC v4（不是 v2），macOS 和新版本 Windows 兼容性更稳；Linux 下部分 compositor（如 Hyprland）仍只认 v2
CSS 中硬编码 sRGB 值在广色域屏上会过饱和
如果用户开了 P3 或 AdobeRGB 屏幕，而你写的 color: #ff6b6b 没声明色彩空间，浏览器默认当 sRGB 处理——实际显示会比设计稿浓烈得多，尤其在红色/青色区域。
- 用
color(display-p3 1 0.42 0.42)替代十六进制，明确指定色域（需现代浏览器支持） - Meta 标签加
<meta name="color-scheme" content="light dark">不影响 RGB 解析，别指望它修颜色偏差 - 开发时用 macOS 的「数字颜色计」或 Windows 的「颜色管理」工具实时比对两块屏上同一像素的 Lab 值，比肉眼靠谱
真正难的不是校准一次，而是每次换显示器、升级显卡驱动、甚至换 HDMI 线材后，ICC 文件都可能失效。没有一劳永逸的配置，只有持续验证的习惯。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
