4 min read

合作案例:color-lock.com

Color Lock Challenge - Test Your Color Perception Skills
Color Lock Challenge is a simple color perception game where you guess exact hex color codes. One shared color challenge appears every hour, helping users practice RGB and hex color understanding.

玩法

Color Lock 是一個單純但不簡單的 RGB 猜色碼挑戰,每個小時內大家都會看到相同的顏色,可以輸入 RGB 色碼看看距離顏色有多接近!

據強者朋友說,判斷原則不太難,而且說明已經頗清楚:

  • 少了紅就增加前兩碼、少綠色就增加中間兩碼、少藍色就增加後面兩碼
  • 太暗就三碼一起增加、太亮就三碼一起減少

2026/01/10 12 點的這題,看起來已經很綠,筆者猜第二次仍然才 92.62%,朋友說的原則真是謝囉,根本就沒有讓它比較容易。

不知道有沒有高手可以看得更精準呢?

現在就前往網站挑戰!

Go!

不只是猜顏色

一個人玩的話可以當作練習 RGB 的精準度,但如果朋友、同事一多的話,這個比賽甚至可以用來解決其他問題:

  • 今天這單誰要請客?
  • 最後由誰來上台簡報?
  • 外送快到了誰要去拿?

諸如此類的問題,不如就此一決高下!

先前可能可以用抽籤的方式全憑運氣,而現在多了一個方案可以全憑實力,選出那個倒霉鬼。

也是個簡單快速的方案 😂


技術補充

💡
溫馨提醒:本小節內容偏硬,可適時跳過。

不曉得是否有人會好奇顏色相近的比例究竟是如何計算的?

根據開發者的小說明,大致上是套用以下過程

RGB -> XYZ -> Lab

然後再用 Delta E 2000 來計算「相似度」。

  • 因為 RGB 用來記錄顏色挺方便,但是對於人類眼睛以及裝置來說,色彩差異並非線性。
  • 轉成好算的 XYZ、再轉成 Lab,讓數值變化跟人類眼睛的「感覺」變化相近。
  • 並用 Delta E 2000 來量化色彩差異;最後套用一個指數遞減來稍微放大顏色相近時的差異度、減少顏色差距較大時的差異變化程度。

聽起來真是神奇。

筆者這邊幫大家列出 Wiki,有興趣想了解更多細節請再讓我們知道:

  • Lab
CIELAB色彩空間 - 維基百科,自由的百科全書
  • XYZ
CIE 1931色彩空间 - 维基百科,自由的百科全书
  • Delta E 2000
顏色差異 - 維基百科,自由的百科全書