色彩管理还得靠 Firefox(误)

最近我在 mac 上用浏览器玩 RPG Maker 的游戏时[1]惊觉草地的绿色比 Steam 客户端上的游戏图片的绿色要更淡一些[2]. 类似的问题在其它地方也反复出现过, 比如你用 moonlight 或者 steamlink 从 win 往 mac 串流, 也许你会发现 mac 上的游戏颜色要比 win 淡, 尤其是红色和绿色.

这是一个色彩管理的问题. 要解释这个问题, 想很多 V 友都打开过Interactive Image Comparison; 这个网页的第一个例子展示了一张 sRGB 的图和一张 Display P3 的图, 其中右边的 P3 图能显示 webkit logo, 但是左边的 sRGB 图不能. 如果你用 Digital Color Meter 去查颜色, 你会发现左边的图是 sRGB(255,0,0)而右边的图的背景是 P3(255,0,0)[3]. 也就是说这两张图分别展示了 sRGB 和 P3 的纯红. 你还会发现 P3 的纯红要比 sRGB 的亮一些[4].

淡一点的游戏颜色是正确的 sRGB 空间的颜色[5]. Steam 客户端的颜色之所以要(错误的)亮一点, 是因为它套了一个很老的 Chromium 壳[6], 还没能支持正确的色彩管理, 所以尽管色彩是, 比如说, sRGB(255,0,0), 实际上却被渲染成 P3(255,0,0), 也就是说图片自带的色彩空间被丢掉了.

强行将 sRGB(x,y,z)视作 P3(x,y,z)尽管不正确, 但是看起来更生动, 所以更讨喜--这也是很多电视出厂默认提高画面饱和度的原因. 而我就是想要亮丽的小姐姐生动的游戏画面. 遗憾的是, 当前 Chrome/Edge/Safari 都不支持这样瞎搞[7].

最后还得是 Firefox, 我把about:config里的gfx.color_management.native_srgb设置成false就好了. 大家可以检查一下那两张对比图的色彩, sRGB 图也变成了 P3(255,0,0). 所以你们到底懂不懂 Firefox 的含金量啊还不快去用.

那么你可能会问, 在 Windows 上游戏的颜色不就淡了吗? 然而我使用的是校了色的广色域显示器, sRGB 被神奇地映射到它妈都不认识了, 看起来甚至比 P3 还要亮一点, 也不知道 Windows 的色彩管理到底是怎么搞的.

那么怎么搞乱解决 moonlight 和 steamlink 的色彩管理? 答案是就别往 mac 上串流了, 反正 NVIDIA GameStream 都完犊子了, 大家还是别折腾了. 而且说真的 4k 120hz 到底要拿怎样的网线串.

最后我只想说 Steam 的 mac 客户端在每一日更的频率下还能维持如此稀烂的水准真的不容易. 直接把 iOS 客户端移植到 mac 上吧求求了.

1. 之所以用浏览器玩是因为 RPG Maker 游戏基本就是 nwjs 套壳的网页而 nwjs 官方不支持原生 arm 编译而野生 arm 编译我始终跑不通. 说真的编译 20 多个 G 的 V8 引擎真的有必要吗? 而 rosetta 转译的 nwjs 老是崩溃啊真的够了官方还腆着个脸说 works perfectly on rosetta 我确实是呸了.
2. 图就不放了几乎所有 RPG Maker 游戏都有这个问题.
3. P3(255,0,0)被映射成 sRGB(255,0,0).
4. 这是因为在我的 mac 上 sRGB(255,0,0)被映射到 P3(234,51,35).
5. 大多数 RPGMaker 的游戏的图片素材都是 sRGB 格式.
6. 严格地说是用了 Chromium Embedded Framework (CEF). 见Steam 社区的讨论.
7. chrome://flags 里的 force color mode 之类的设置都不起作用.