RGB 猜測遊戲

使用方式

1. 1.研究當前畫布上的色彩樣板，選擇十進位 RGB 或 CSS HEX 輸入，並輸入三個 0 至 255 通道值，或 #RGB 或 #RRGGBB。
2. 2.提交估計值；每個通道的誤差必須不超過 12，且紅、綠、藍三通道的誤差總和必須不超過 24。
3. 3.辨識所有五個樣板，每一個正確獲得 200 分數，直到出現兩個不同的錯誤色彩鎖定回合，最終達到精確的總分 1,000。

關於RGB 猜測遊戲

RGB 猜測遊戲是一場五回合的數值色彩辨識挑戰。與移動色彩混合滑桿不同，你將觀察一個顯示的樣板，並以十進位 RGB 或十六進位形式輸入估計值。當前顯示的樣板會繪製在畫布上，因此頁面中的文字、ARIA 標籤、資料屬性與內聯樣式均不會公開其精確答案。如同任何瀏覽器端視覺遊戲，有決心的使用者可以取樣顯示的像素或檢視下載的程式碼；此介面僅防止意外洩露答案，並非聲稱具有防篡改功能。

RGB 模式接受來自 0 到 255 的三個基本 10 整數。HEX 模式接受 CSS 種形式 #RGB 或 #RRGGBB，包含開頭的井號，並支援大小寫不區分的十六進位數字。三位數表示法會重複每個數字，因此 #ABC 會擴充套件為 #AABBCC。兩種格式在得分與嘗試去重之前都會轉換為相同的紅、綠、藍整數元組。

每一個通道的誤差由絕對誤差計算：|目標紅色減去猜測紅色|、|目標綠色減去猜測綠色|、|目標藍色減去猜測藍色|。只有當所有通道誤差皆不超過 12，且三者總和不超過 24 時，才算是正確。兩個門檻皆必須透過。此雙門檻設計可避免單一通道大誤差被兩個精確通道掩蓋，同時仍允許小幅度的視覺估計空間。

每成功辨識一個樣板將獲得恰好 200 分數，並進入下一回合。五個回合成功將總計獲得恰好 1,000 分數。當前反饋將顯示三個通道誤差、最大通道誤差以及總誤差。精確的目標三元組在遊戲過程中不會出現在常規的反饋中。未來回合的值不會在當前 DOM 中渲染。

第一個不同的錯誤色彩僅提供一次修正機會。重複相同色彩不會消耗第二次機會，即使第一次輸入為十進位 RGB，而重複輸入為等效的 HEX 碼。第二個不同的錯誤色彩將鎖定該回合，直到重新啟動。語法錯誤、通道缺失、小數、負值、超過 255 的值、死鎖狀態或已完成狀態均不會影響業務狀態。

使用 Tab 鍵在原生格式按鈕、欄位與提交動作之間移動，並按下 Enter 提交估計值。每一次輸入與操作皆維持手機友善的觸控高度，且在窄螢幕上會轉為單一列排版。完成或死鎖時會將焦點移至終端狀態訊息。當 Boss 介面.overlay 可見時，所有輸入編輯、模式切換、提交與重新啟動操作均不會改變本機狀態或計分狀態。

解析器與證據套件遵循 W3C CSS 色彩模組 Level 4 的十六進位記法規則。MDN 獨立驗證三-digit 與六-digit 形式、數位重複、大小寫行為，以及 0 至 255 整數 RGB 的範圍。八個外部的純文字測試案例涵蓋黑色、白色、三原色、縮寫形式、混合通道以及兩種自訂回合色彩。測試對照儲存預期的整數三元組，並從不呼叫生產端解析器來生成預期值。

另外五個獨立的純文字測試案例驗證每一回合的正確性，且全面的邊界檢查涵蓋雙重誤差條件。測試也驗證跨格式去重、第二個不同錯誤鎖定、重新啟動的決定性、精確的 1,000 分數完成、終端無操作、Boss 防護機制、未來答案不渲染，以及無輸入辨識轉滑桿偏移。所有遊戲操作與最佳分數處理皆保留在瀏覽器中，不會上傳、不會使用帳號、不會呼叫模型、不會使用遠端色彩服務，也無新增依賴。

方法與來源

解析三組十進位整數通道（範圍為 [0,255]）或 CSS #RGB/#RRGGBB 記法，將縮寫形式的數字擴充，並將兩種模式標準化為一個 RGB 三元組。將該三元組與當前的精確目標進行比較，計算三個通道的絕對誤差。僅當最大誤差 ≤ 12 且總誤差 ≤ 24 時才視為正確，獲得 200 分數，並完成五個回合，總計獲得 1,000 分數。將三元組標準化以支援跨格式錯誤去重、在第二個不同錯誤時鎖定，並維持終端狀態的原子性。畫布顯示當前色彩，但不會在常規的 DOM 文字或屬性中公開精確目標。

• W3C CSS Color Module Level 4 - RGB Hexadecimal Notation
• MDN - hex-color
• MDN - rgb()

常見問題

一個 RGB 的猜測需要多接近才算是正確？

每個通道的絕對誤差必須不超過 12，且紅、綠、藍三通道誤差的總和必須不超過 24。兩個條件皆必須滿足。

我可以使用 RGB 或 HEX 來回答嗎？

可以。十進位 RGB 與 #RGB 或 #RRGGBB 會被標準化為相同的三元組整數通道，因此等效輸入也會共享相同的錯誤標記。

這和色彩混合遊戲一樣嗎？

不。這是一個針對顯示樣板的數值辨識遊戲。色彩混合遊戲則使用可調整的加法或理想化減法控制，以及 Delta E 色彩匹配。

相關工具

• 色彩混合遊戲
  匹配五種顏色，使用加法 RGB 與理想化的 CMY 控制，並以實際 Delta E 1976 進行評分。
• 🟪HEX 轉 RGB 編碼轉換器
  將 CSS 十六進位顏色轉換為精確的紅、綠、藍以及可選透明度通道值。
• 🖍️將 RGB 轉為十六進位
  立即將 RGB 轉為 HEX，並反向轉為 RGB，搭配即時色彩預覽與 HSL，全部都在瀏覽器中完成。
• 🟧色彩漸層拼圖
  依照最短色相弧線重新排列八塊混亂的 HSL 色塊，範圍為 360 度的環繞。
• 15 數字華容道
  在瀏覽器免費遊玩經典 15 數字華容道；使用鍵盤或點選滑動方塊，不需下載或註冊。
• 2048 遊戲
  在瀏覽器免費玩 2048；用方向鍵合併方塊、挑戰 2048，不需下載或註冊。

• Color Code Quiz: Score 1,000 With RGB and HEX Guesses (英文原文)
• 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 (英文原文)