數位調色挑戰是一項色彩配對練習,玩家必須調整加法 RGB 或理想化減法 CMY 色彩滑桿,使混合結果在嚴格的 Delta E 1976 色彩科學閾值 3.0 或以下內,符合五個目標色塊。雖然實體調色仰賴複雜的化學顏料、結合劑與光反射特性,但這個基於瀏覽器的挑戰採用精確的 sRGB 轉 CIELAB 轉換管線,來評估您的數位混色與目標色的吻合程度。遊戲包含五個依序進行的回合,各有特定目標:信號橙、理想綠、電光青、理想紫,以及螢幕洋紅。玩家操作三個範圍滑桿,分別代表紅、綠、藍光通道(範圍 0 到 255),或青、洋紅、黃的互補減法通道(範圍 0% 到 100%)。計分採嚴格確定性,每次成功配對得 200 分,最高總分 1,000 分。然而,挑戰在每回合設有嚴格的兩次失誤限制;若送出兩個不同的錯誤猜測,將鎖定控制項,必須重新開始。這個互動謎題是設計師、數位藝術家與色彩愛好者精通色彩理論的強大教學工具。

paint mixing challenge
線上精通數位調色挑戰

數位色彩模型 vs 實體調色

要在數位調色挑戰中取得成功,關鍵在於理解瀏覽器式色彩模型的行為與實體顏料不同。混合實體壓克力或油畫顏料時,使用的是實體減法混色,顏料吸收特定波長的光並反射其他光。然而,數位的調色遊戲採用兩種不同的數學框架來模擬色彩混合:加法 RGB,以及理想化減法 CMY 模型。

加法 RGB 模型將控制項視為紅、綠、藍顯示光通道。提高某通道值會將更多該編碼 sRGB 分量加入螢幕,當所有通道設為最大值 255 時,結果為白色。相反地,理想化減法 CMY 模型使用青、洋紅、黃控制項,刻度從 0% 到 100%。在這個簡化的教學環境中,每個 CMY 控制項會數學上移除其對應的顯示通道:青移除紅、洋紅移除綠、黃移除藍。此運算並非預測真實油漆、印刷油墨、紙張、光源、結合劑或顏料化學。真實混合的表現不同,因為這裡並未呈現其光譜特性。下表概述在遊戲中體驗到的這些數位模式之間的核心差異:

色彩模型 主通道 控制範圍 數學行為 目標範例
加法 RGB 紅、綠、藍 0 到 255 加入光分量;所有最大值產生白色 信號橙、電光青、螢幕洋紅
理想化 CMY 青、洋紅、黃 0% 到 100% 移除對應的顯示通道;所有最大值產生黑色 理想綠、理想紫

Delta E 1976 色彩計分的科學原理

不同於僅以基本 RGB 通道距離計算色差的簡易遊戲,本調色挑戰採用嚴謹的色彩科學轉換鏈。這能確保配對結果以人類視覺感知而非原始數位座標為評估依據。為達成此目標,遊戲將當下的 sRGB 值轉換至 CIELAB 色彩空間,該空間設計上具備感知均勻性。

轉換管線首先將每個編碼 sRGB 通道標準化,並依標準分段式 sRGB 傳遞函數解碼為線性光。接著,將線性三刺激值乘上針對 D65 標準光源所發布的線性 sRGB 對 XYZ 矩陣,該矩陣由 ICC sRGB 三分量色彩編碼註冊表定義。XYZ 座標再以 D65 白點進行標準化,並透過標準 epsilon 與 kappa 分支轉換為 CIELAB 座標($L^*$、$a^*$、$b^*$)。最後,Delta E 1976 分數以目標 Lab 三刺激值與當下 Lab 三刺激值之間的歐氏距離計算得出。

我們可用一個數值範例展示此數學評估流程。假設目標色彩的 CIELAB 座標為 $L^* = 53.0$、$a^* = 40.0$、$b^* = 50.0$,而您當前的滑桿混色結果座標為 $L^* = 51.5$、$a^* = 41.0$、$b^* = 48.0$。要計算 Delta E 1976 色差,我們分別求出各座標的差值,再求其歐氏距離:

$$\Delta L = 53.0 - 51.5 = 1.5$$

$$\Delta a = 40.0 - 41.0 = -1.0$$

$$\Delta b = 50.0 - 48.0 = 2.0$$

$$\Delta E_{1976} = \sqrt{(\Delta L)^2 + (\Delta a)^2 + (\Delta b)^2}$$

$$\Delta E_{1976} = \sqrt{(1.5)^2 + (-1.0)^2 + (2.0)^2} = \sqrt{2.25 + 1.0 + 4.0} = \sqrt{7.25} \approx 2.69$$

由於計算出的 Delta E 2.69 小於或等於遊戲嚴格的通過閾值 3.0,此次混色會被記錄為成功配對。本計算是依據 W3C CSS Color 4 色彩轉換程式碼 作為主要演算法來源,確保符合業界標準的精確度。

如何完成調色挑戰

要完成遊戲全部五個回合,需要仔細觀察並精準調整控制項。請依循以下經驗證的操作步驟來解開挑戰,並取得滿分 1,000 分。

  1. 分析目標數值: 請查看螢幕上顯示的當前模式(RGB 或 CMY)、目標十六進位值,以及目標 Lab 數值。將這些數值與目標旁的當前混色結果進行比較。即使您的螢幕未經校色,或您的色彩感知有所不同,這些數值線索仍能引導您進行調整。
  2. 調整滑桿: 操作三個 RGB(0–255)或理想化 CMY(0–100)範圍輸入。您可使用觸控控制(設計上具備舒適的 44 像素互動高度)、滑鼠,或原生鍵盤方向鍵控制。若需最高精度,請按 Tab 鍵將焦點切換至滑桿,再使用左右方向鍵以單一單位進行微調。
  3. 驗證並檢查混色: 按下「Check mix」按鈕來評估您當前的設定。若您的 Delta E 1976 分數為 3.0 或更低,您將立即獲得 200 分並解鎖下一個目標。若您的混色錯誤,遊戲會記錄錯誤的滑桿設定。請避免送出第二個不同的錯誤猜測,因為這將鎖定該回合。成功完成全部五個目標即可結束遊戲。

精通五個色彩目標的攻略

調色挑戰中的目標順序在每次嘗試中都一致,讓您能為每個色彩制定可靠的攻略。這五個固定回合依序呈現以下目標:信號橙、理想綠、電光青、理想紫,以及螢幕洋紅。由於這些解答是固定要素,而非隨機猜測,您可以研究當前色彩模型如何影響每個目標。

在 RGB 回合中,提高滑桿會直接增加該光通道。例如,要調出明亮的橙色,需要較高的紅值、中等的綠值,以及極少的藍值。在理想化 CMY 回合中,請記住互補規則:青減去紅、洋紅減去綠、黃減去藍。若您的目標需要更多綠,您必須降低洋紅滑桿,讓綠光通道得以通過。若您有興趣比較其他混合挑戰,可以閱讀我們的調酒遊戲入門指南,該指南探討的是體積液體比例的混合,而非數位光通道的混合。

請留意遊戲嚴格的兩次失誤懲罰機制。若您送出錯誤的混色,遊戲會記錄精確的滑桿設定。再次送出完全相同的錯誤設定會被去重,不會再次扣分。然而,送出第二個不同的錯誤設定將立即鎖定該回合,停用所有滑桿及「Check mix」按鈕。若發生鎖定,「Restart」按鈕是您唯一的恢復途徑。點擊「Restart」會將遊戲恢復至初始狀態,將分數重設為零,並讓您回到第一個目標、滑桿歸零。如需更多關於這些特定回合的提示,請參閱我們完整的調色遊戲:以 RGB 與 CMY 配對 5 個目標攻略