色彩混合遊戲
匹配五種顏色,使用加法 RGB 與理想化的 CMY 控制,並以實際 Delta E 1976 進行評分。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.請閱讀模式、目標十六進位值與目標 Lab 數值,然後與當前混合結果對照,確認是否相符。
- 2.可使用觸控、滑鼠或原生鍵盤箭頭鍵調整三組 RGB 0–255 或理想化 CMY 0–100 滑桿。
- 3.點選「檢查混合」並達到 Delta E 1976 不超過 3.0 或更低;避免出現兩次不同錯誤,並完成所有五個目標以獲得 1,000 分數。
關於色彩混合遊戲
色彩混合遊戲是一場五回合的顏色匹配挑戰,教導兩種截然不同的模型。加法 RGB 回合將控制視為來自 0 至 255 的紅、綠、藍顯示光通道。提升任一通道會增加對應的 sRGB 元件。理想化的減法 CMY 回合則使用來自 0% 至 100% 的青、品紅、黃控制。在這個簡化的教學模型中,每個控制會移除其補色顯示通道:青移除紅色,品紅移除綠色,黃移除藍色。此 CMY 計算明確不代表真實油漆、印刷油墨、紙張、照明、黏合劑或顏料化學反應。實際混合可能表現不同,因為這裡未反映其光譜特性。
每回合顯示多於兩種顏色樣片。目標與當前混合色由十六進位 sRGB 值、當前 RGB 通道數、活動模型名稱以及 CIELAB 坐標標示。這些文字與數值提示讓狀態即使在兩種顏色看起來相似、顯示器未校準或玩家之間的色彩感知不同時,仍能清楚理解。三個大範圍輸入提供原生鍵盤控制:使用 Tab 鍵聚焦其中一個,再以箭頭鍵精確調整一單位。觸控使用者同樣獲得這三個控制,且至少有 44 像素的互動高度。
評分使用真實的色彩科學轉換鏈路,而非 RGB 快捷方式。每個編碼的 sRGB 通道會被歸一化並解碼為線性光強,使用標準的分段 sRGB 轉換函式。線性三元組會乘以公開的線性 sRGB 至 XYZ 變換矩陣(D65 照明條件)。XYZ 會以 D65 白點為標準進行歸一化,並透過標準的 epsilon 與 kappa 分支轉換為 CIELAB 坐標。最後,Delta E 1976 會計算為兩個 Lab 三元組之間的歐幾裡得距離:L、a、b 三個維度的平方差總和的平方根。RGB 通道距離從不標示或用作 Delta E。
當混合色的 Delta E 1976 值低於或等於 3.0 時,視為接近正確。點選「檢查混合」來評估當前控制。正確匹配會立即獲得 200 分數,並開啟下一組固定目標。完成五個回合後,總分將精確為 1,000。目標序列結合了 RGB 與理想化 CMY 挑戰:訊號橙色、理想綠色、電動青色、理想紫色與螢幕品紅。其精確滑桿解與預期的 Lab 值皆由測試套件中根據實際設定獨立重新計算。
每回合僅允許兩次錯誤。第一次明顯錯誤的混合會記錄其 Delta E 值,並保留一次機會。若再次檢查完全相同的錯誤滑桿組合,將被去重且不會消耗第二次機會。若出現第二種不同的錯誤組合,則該回合將被鎖定。一旦鎖定,所有三個滑桿與「檢查」按鈕將被禁用,以防止分數與嘗試歷史漂移。唯有重新啟動可恢復遊戲狀態,並恢復相同的決定性初始目標、零滑桿、零分數以及空的簽名集合。無效陣列、缺少通道、小數滑桿值、NaN、超出當前模式範圍的值、死鎖狀態或已完成狀態皆為原子無效操作。
五種解法是固定且可檢視的結構,而非產生的猜測。RGB 解法直接對應其 sRGB 通道。CMY 解法應用公開的理想補色規則,並將每個顯示通道結果四捨五入為整數。一個獨立的測試運算機使用自身 sRGB 解碼、理性 XYZ D65 顏色轉換矩陣、D65 白點歸一化、Lab 轉換以及 Delta E 公式進行驗證。它不會呼叫產品轉換函式來產生預期結果。該運算機會驗證黑、白、三種 sRGB 原色、青、品紅與黃共八個外部金標準案例,並確認每個目標解、預期十六進位值、預期 Lab 坐標、接近零的解 Delta E、計分遞增、相同簽名重複行為、第二個不同失敗鎖定、原子性錯誤輸入以及決定性重設。
計算參考 W3C CSS 色彩模組 Level 4 轉換碼作為其主要演算法來源。國際色彩聯盟 sRGB 登記獨立交叉驗證 IEC sRGB 定義、2.4 轉換指數以及 D65 色調座標。兩份參考頁面在這個工具準備時皆成功取得。這款遊戲本身完全在你的瀏覽器執行,作為客戶端 L1 經驗。滑動條值、嘗試次數、色彩轉換以及得分皆不會上傳處理,且無需帳號。共用的遊戲殼層也提供重新開始、本裝置的最佳得分處理以及老闆鍵控制。
方法與來源
編碼的 sRGB 通道使用 W3C 分段轉換函式,再套用公開的理性 sRGB 至 XYZ D65 矩陣。XYZ 以 D65(x=0.3127, y=0.3290)為標準歸一化,經 epsilon 216/24389 與 kappa 24389/27 轉換至 CIELAB,並以 Delta E 1976:sqrt((L1-L2)^2+(a1-a2)^2+(b1-b2)^2) 進行比較。接受門檻為 Delta E ≤ 3.0。CMY 模式公開為理想化通道補色,而非物理染料模擬。
常見問題
- CMY 模式能模擬真實油漆嗎?
- 不能。這是一個明確理想化的減法教學模型,移除了補色 sRGB 顯示通道。真實的染料、墨水、紙張與照明具有光譜行為,此瀏覽器模型無法預測。
- 色彩差異是如何測量的?
- 遊戲將 sRGB 解碼為線性光強,經由 XYZ D65 轉換為 CIELAB 使用 D65 白點,然後在 Lab 空間計算 Delta E 1976。它並未使用 RGB 通道距離作為 Delta E。
- 答錯後會發生什麼?
- 第一次出現的獨特錯誤滑桿簽名僅提供一次機會。重複完全相同的簽名會被去重,但第二個不同錯誤的混合會鎖定該回合,直到重設為止。
相關工具
- 水管謎題旋轉九個固定管道方塊,直到每個開口與鄰居匹配,且所有方塊組成一個連通的網路,且不形成閉合迴路。
- 數字連線謎題以連續的正交路徑連線兩組相匹配的數字,並避免重複的格子、重疊、分支以及錯誤的端點。
- 沒有任何樓磁碟機代號合你的搜尋將六個原始矩形滑動過一個緊湊的 4×5 框,並引導 2×2 的目標塊透過底部的預先揭露開口,僅需六步即可完成。
- 掃雷清除一個固定初學者地雷場,透過鍵盤操作來揭示與標記地雷,並根據鄰近地雷數量來判斷哪幾格是安全的,以避免觸發十個隱藏的地雷。
- 15 數字華容道在瀏覽器免費遊玩經典 15 數字華容道;使用鍵盤或點選滑動方塊,不需下載或註冊。
- 2048 遊戲在瀏覽器免費玩 2048;用方向鍵合併方塊、挑戰 2048,不需下載或註冊。
小遊戲 使用指南
查看全部- Color Mixing Game: Match 5 Targets with RGB and CMY (英文原文)
- Can You Play Shape Rotation Match With a Keyboard? Yes (英文原文)
- Connect Numbers in Sequence? Numberlink Pairs Them Instead (英文原文)
- River Crossing Puzzle Score Is a Fixed Reward, Not a Test (英文原文)
- Are the Pattern Completion Test Questions Randomized? No (英文原文)
- Semantic vs Thematic Odd One Out: A Pinned-Sense Game (英文原文)
- Literal vs Idiomatic Phrasal Verbs: 8 Contexts to Test (英文原文)
- Play Nurikabe on a Phone or Without a Mouse (英文原文)
- Can You Play Number Memory Test Without Downloading? Yes (英文原文)
- Do Diagonal Numbers Count as Adjacent in Number Match 10? (英文原文)
- How Do I Avoid Common Mistakes in Number Balance? (英文原文)
- Can You Play Nonogram Without Downloading? Yes (英文原文)
- Do Two Things at Once Game: Beat Both Deadlines (英文原文)
- Moving Object Memory Game: Track Two Discs to 1,000 (英文原文)
- Creature Inheritance Game: Genetics or Fictional Puzzle? (英文原文)
- Mirror Laser Puzzle Game: How Slash Tiles Route Rays (英文原文)
- Mirror Image Questions: 5 Asymmetric Polygons to Reflect (英文原文)
- Can You Play Memory Match Without Downloading? Yes (英文原文)
- How to Avoid Common Mistakes in a Maze Game (英文原文)
- Make the Equation True Game: How to Hit Exact Targets (英文原文)