並不是所有螢幕或顯示器都能呈現相同的色彩深度與準確度,而人眼本身的辨色能力也存在極限。若你曾好奇自己究竟能分辨多細微的色差,現在有一個有趣又帶點競技意味的方式,可以同時測試你的視覺敏銳度與手邊裝置的顯示品質,甚至還能順便炫耀一下成果。

用這款網頁遊戲測試你(與螢幕)的顏色辨識準確度吧!
軟體開發者 Keith Cirkel 近期推出了一個名為 「你的 ΔE(OK) JND?」 的網站。這個工具利用現代瀏覽器支援的 Oklab 色彩空間,讓使用者測量自己的 最小可覺差(Just Noticeable Difference, JND),也就是 ΔE 值。簡單來說,它會在畫面上呈現兩種顏色,你必須找出它們的分界線並點擊。整個測試大約包含 40 輪,最終會根據你能分辨的色差細微程度給出一個分數。
雖然這項測試主要評估的是人眼的辨色能力,但裝置本身的顯示品質也會影響結果。一般人使用 Oklab 色彩空間時,平均分數大多落在 0.02 左右。然而,如果你使用的是低階面板的手機、色彩校準不佳的廉價顯示器,或亮度不足的螢幕,分數可能會被拉低。提高螢幕亮度通常能讓結果更接近你的實際視覺能力。總之,小數點後的位數越多、數值越小,代表你的辨色能力越好。
以實測為例,我在搭載 OLED 螢幕的 iPhone 16 Pro 上得到 0.0051 的成績,而在 2024 款配備 Liquid Retina XDR 顯示器的 MacBook Pro 上則得到 0.0058,不同裝置之間的結果確實存在差異。測試結束後,網站會提供一個可分享的自訂 URL,你可以將分數傳給朋友,看看誰的「鷹眼模式」比較強。
有趣的是,Cirkel 之所以會開發這個測試,其實源自他在製作 CSS 顏色壓縮器 時遇到的問題。他需要知道在不影響視覺效果的前提下,顏色值的小數位到底能刪到什麼程度。他在部落格中提到:「顏色值真的需要像 oklch(0.659432 0.304219 234.75238) 這麼精確嗎?需要,但通常不會需要超過三位小數。對 Oklch 和 Oklab 來說,三位小數是安全上限;對較舊的 Lab 和 Lch 色彩空間,甚至可以更少。再多寫只是浪費字節。」
在開發者的部落格文章中,Cirkel 也更深入解釋了測試背後的科學原理,包括 Delta-E 在不同色彩空間中的意義、瀏覽器如何計算顏色值,以及為何 Oklab 能更貼近人類視覺感受。他同時提醒,網站測得的 JND 分數通常會比真實情境更高,畢竟在日常生活中,大多數人不會盯著螢幕、努力尋找兩種顏色的交界線;這種「遊戲化」的測試環境本身就會讓人更專注於色差。
總結來說,這個小工具不僅能讓你了解自己的視覺極限,也能讓你重新認識手邊裝置的顯示能力。無論你是設計師、工程師,或只是對色彩敏感度感到好奇的人,都值得花幾分鐘試試看。也許你會驚訝地發現,自己的眼睛比想像中更厲害——或是你的螢幕比你預期的更需要升級。




