双屏色差源于硬件、系统与软件三层差异，需分步排查：先确认面板色域/白点是否一致，再禁用OS色彩管理干扰，最后用DisplayCAL等工具校准并统一ICC配置文件。
Windows系统下，同一张图片在浏览器里发灰、在Photoshop里鲜艳，或Chrome显示偏青而Edge显示偏黄——这不是显示器坏了，也不是图片本身有问题，而是不同软件对ICC配置文件的读取策略完全不同，有的强制忽略，有的默认转换，有的甚至根本没开启色彩管理模块。
确认问题根源：先看这张图带不带ICC配置文件
右键图片→“属性”→切换到“详细信息”选项卡→向下滚动查找“颜色配置文件”或“ICC配置文件”字段。如果这一栏为空，说明该图是“裸RGB”，没有任何颜色解释规则，所有软件都按自己默认的sRGB硬解——此时色差往往来自软件自身的Gamma渲染差异，而非配置文件冲突。
如果字段显示“sRGB IEC61966-2.1”或“Adobe RGB (1998)”等字样，问题就明确指向色彩管理链路断裂：Photoshop默认启用完整ICC流程，而多数浏览器（尤其旧版Chrome、Firefox）默认禁用或部分绕过系统色彩管理。
统一Photoshop的输出标准：强制导出为sRGB并嵌入配置文件
在Photoshop中打开原图→点击“编辑”→“颜色设置”→检查“RGB”工作空间是否为【sRGB IEC61966-2.1】；若不是，立即更改为它，并勾选“将RGB文档的配置文件设为工作空间”。
执行“文件”→“导出”→“存储为Web所用格式（旧版）”→在弹窗左下角确认“转换为sRGB”已勾选→点击“存储”。这一步确保导出的JPEG/PNG自带sRGB身份标签，且像素值已映射到标准色域内。
注意：不要用“另存为”直接存JPEG，那个路径默认不触发sRGB转换，极易保留原始广色域数据却丢弃ICC，导致浏览器彻底瞎猜颜色。
让浏览器真正认ICC：关闭Windows色彩管理干扰
第一步：按 Win+R 输入 colorcpl →回车打开“颜色管理”→切换到“设备”选项卡→勾选“使用我对此设备的设置”→点击“添加”→在列表中选择当前显示器→点“浏览”找到并导入一个标准sRGB ICC文件（可从https://www.tftcentral.co.uk/articles/icc_profiles.htm 下载官方sRGB_v4_ICC_preference.icc）。
让 Windows 桌面程序在开机时静默自启并隐藏到系统托盘。特别适用于 Flutter、Electron 等无视 VBS/ProcessStartInfo 窗口样式、难以隐藏的顽固应用。提供「VBS 启动器 + Python ctypes/Win32 API」的隐藏窗口方案，可稳定把窗口收进托盘且不闪控制台。
第二步：回到“高级”选项卡→取消勾选“允许Windows管理我的显示器的颜色”→点击“确定”。【这一步必须做，否则Windows会强制给所有应用套用同一个系统级配置，反而破坏浏览器本已脆弱的ICC识别逻辑】
第三步：重启浏览器。此时Chrome 120+、Edge 119+、Firefox 125+ 均能正确解析嵌入sRGB的图片，不再出现PS里蓝得通透、网页里蓝得发闷的情况。
验证是否生效：用三张对照图快速判断
方法一：下载标准测试图 https://cameratico.com/files/srgb-test.png ，该图含精确sRGB色块与文字标注。在Photoshop和浏览器中并排打开，对比顶部“sRGB Red”区域——颜色一致即成功。
方法二：新建一张纯色图（#FF0000），在Photoshop中确认其配置文件为sRGB→导出为PNG→上传至任意图床→用手机微信、电脑Chrome、PS三端同时打开。若三端红色饱和度基本一致，说明整条链路已打通。
方法三：打开 https://bottosini.github.io/color-test/ ，页面自动检测当前浏览器是否启用色彩管理。显示“Color Management: Enabled”即达标。
