請(qǐng)打開(kāi)https://fff.kidi.ng這個(gè)網(wǎng)頁(yè)看一看，你感覺(jué)是文本“White.”的顏色更白，還是其背景色更白呢？

域名中的fff是簡(jiǎn)寫(xiě)的十六進(jìn)制顏色代碼，表示白色

在 2020 年產(chǎn)、采用了 Intel i5 處理器的 MacBook 上，使用 Safari 瀏覽器打開(kāi)https://fff.kidi.ng，看到的效果如下（試著截一下圖就知道這里為什么不得不貼照片了）：

是文字更白，還是背景色更白呢？我們用 macOS 自帶的取色工具 Digital Color Meter 來(lái)檢測(cè)一下。

文字的顏色為RGB(255,255,255)即白色（雖然看起來(lái)是淺灰色），再來(lái)看背景色。

也是一模一樣的RGB(255,255,255)，竟然也是白色！可明明背景色看起來(lái)更白啊。

其實(shí)理論上不存在更白的白色，因?yàn)榘咨旧硎枪獾耐耆瓷?，包含了所有波長(zhǎng)的光，通常認(rèn)為是“無(wú)色”的合成。然而，在某些視覺(jué)效果或極端的亮度表現(xiàn)下，有些“白色”看起來(lái)確實(shí)更亮或更純凈。

https://github.com/kiding/wanna-see-a-whiter-white上總結(jié)了出現(xiàn)這種現(xiàn)象需要滿足的幾個(gè)條件：

首先瀏覽器需要支持顯示HDR（High Dynamic Range，高動(dòng)態(tài)范圍）的內(nèi)容。這種瀏覽器能夠提供更高的亮度、對(duì)比度和更廣的色域，帶來(lái)更加逼真的視覺(jué)體驗(yàn)。

第 2 個(gè)條件是頁(yè)面中要包含一段 HDR 視頻，以使瀏覽器進(jìn)入 HDR 模式。注意到圖中中心位置明亮的白色小方塊了嗎？那不是拍照時(shí)屏幕的反光，而是一個(gè)小視頻。查看網(wǎng)頁(yè)源代碼，可以看到對(duì)應(yīng)的

最后一個(gè)觸發(fā)條件是一段 CSS 代碼：

#whiter {

filter:brightness(10);

backdrop-filter:brightness(1);

}

brightness(10)將元素的亮度增加了 10 倍，而brightness(1)表示背景亮度保持默認(rèn)值（1是標(biāo)準(zhǔn)亮度值）。

然而，為什么滿足以上條件就會(huì)形成這一怪象，其中的具體原因還不完全清楚。

另外，在不同設(shè)備或不同瀏覽器上看到的結(jié)果可能還不一樣。有時(shí)是文字“White.“更亮：

而在手機(jī)上的 Safari 中，有可能一開(kāi)始看不到 “White.“，直到點(diǎn)擊下方的分享按鈕，這個(gè)”白色幽靈“才會(huì)出現(xiàn)。