苹果Safari浏览器上的一个怪象——更白的白色

请打开 https://fff.kidi.ng 这个网页看一看，你感觉是文本“White.”的颜色更白，还是其背景色更白呢？

域名中的 fff 是简写的 十六进制颜色代码 ，表示白色

在 2020 年产、采用了 Intel i5 处理器的 MacBook 上，使用 Safari 浏览器打开 https://fff.kidi.ng ，看到的效果如下（试着截一下图就知道这里为什么不得不贴照片了）：

是文字更白，还是背景色更白呢 ？我们用 macOS 自带的取色工具 Digital Color Meter 来检测一下。

文字的颜色为 RGB ( 255 , 255 , 255 ) 即白色（虽然看起来是浅灰色），再来看背景色。

也是一模一样的 RGB ( 255 , 255 , 255 ) ， 竟然也是白色！可明明背景色看起来更白啊。

其实理论上不存在 更白的白色 ，因为白色本身是光的完全反射，包含了所有波长的光，通常认为是“无色”的合成。然而，在某些视觉效果或极端的亮度表现下，有些“白色”看起来确实更亮或更纯净。

https://github.com/kiding/wanna-see-a-whiter-white 上总结了出现这种现象需要满足的几个条件：

首先浏览器需要支持显示 HDR（High Dynamic Range，高动态范围） 的内容。这种浏览器能够提供更高的亮度、对比度和更广的色域，带来更加逼真的视觉体验。

第 2 个条件是页面中要 包含一段 HDR 视频 ，以使浏览器进入 HDR 模式。注意到图中中心位置明亮的白色小方块了吗？那不是拍照时屏幕的反光，而是一个小视频。查看网页源代码，可以看到对应的 标签：

最后一个触发条件是一段 CSS 代码：

#whiter {
  filter