免費 RGB 猜色遊戲的玩法說明
這款免費 RGB 猜色遊戲要求你輸入十進位 RGB 通道值或 CSS 十六進位色碼，來辨識五個神秘的 sRGB 色塊；每個通道的誤差門檻為 12，總誤差上限為 24，達成條件即可獲得恰好 1,000 分的完美成績。
大多數為瀏覽器打造的免費色彩猜色遊戲大致分為兩種類型。第一種要求你目測一個色塊，並從一組少量的具名色彩中挑選最接近的選項；第二種則提供滑桿，讓你透過反覆嘗試自行混色，逐步逼近目標色彩。RGB 猜色遊戲則採用第三種做法。它會將一個神秘色彩繪製到 Canvas 上，並要求你輸入一個數值估計——可以是三個整數，也可以是一個十六進位字串——來描述你認為的色彩為何。接著，遊戲會依據一套嚴格且透明的評分機制來為這次估計打分數。
這是一道辨識題而非混色題，兩者之間的區別至關重要。你並非在調整加法或減法的色彩控制元件；而是觀察一塊靜止的色塊，並直接提交一個數值答案。挑戰共橫跨五個固定回合，每個回合都有各自的目標色塊。回合的成敗是二元的：只有當每個通道的誤差都不超過 12，且三個通道誤差總和不超過 24 時，遊戲才會接受你的猜測。這兩個含端點的限制必須同時通過。當一個回合被接受時，你會剛好獲得 200 分並進入下一個色塊。因此，五個乾淨回合的總分正好會收在 1,000 分。
如何進行一輪免費色彩猜色遊戲
每個回合都遵循相同的三步驟流程。介面設計簡潔，支援滑鼠、觸控或完整的鍵盤輸入，因此無論是在筆電或手機上，你都可以用同一套方式進行遊戲。
- 觀察當前的 Canvas 色塊，選擇十進位 RGB 或 CSS HEX 輸入法，然後輸入三個範圍為 0-255 的通道值，或是一段 #RGB 或 #RRGGBB 格式的字串。HEX 模式同時接受簡寫與完整的六位數標記法；解析器會自動將三位數簡寫展開，例如讓 #ABC 等同於 #AABBCC 的色彩。
- 提交估計值。遊戲會將兩種格式轉換為相同的紅、綠、藍整數元組，然後檢查雙重門檻：每個通道的絕對誤差必須小於或等於 12，且三個通道誤差總和必須小於或等於 24。
- 若你的猜測通過，便可獲得 200 分並進入下一個色塊。依序辨識全部五個色塊，即可達成滿分 1,000 分的完美成績。若你的猜測是第一次出現的不同錯誤色彩，你可保留一次修正機會；第二次出現不同錯誤色彩時，該回合便會鎖定，直到你重新開始為止。
每輪流程刻意設計得很短。沒有計時器、沒有提示按鈕，也沒有因為謹慎作答而產生的懲罰。在輸入估計值之前，你可以花任意長時間觀察色塊。一旦提交，回饋面板便會顯示三個通道誤差、最大單一誤差以及總誤差，讓你能精確掌握每次猜測的偏差程度。目標元組本身在遊戲過程中不會出現在答案回饋中，這代表要得知精確數值的唯一方式，便是讓答案夠接近，通過該回合的接受條件。
免費色彩猜色遊戲中的 RGB 與 HEX 輸入法比較
兩種輸入格式會產生相同的分數，因為遊戲在進行任何比較之前，會先將它們統一為單一整數元組。下表整理了兩種格式的解析方式，並提供遵循 W3C CSS Color Module Level 4 規則的範例。
| 面向 | 十進位 RGB | CSS HEX |
|---|---|---|
| 格式 | 三個以 10 為底的整數（每個通道 0-255） | 帶有前置井字號的 #RGB 或 #RRGGBB |
| 通道範圍 | 每個通道 0 至 255（含端點） | 每個通道 00 至 FF（十六進位） |
| 簡寫支援 | 不適用 | 支援 —— #ABC 會展開為 #AABBCC |
| 大小寫敏感性 | 僅接受整數 | 不區分大小寫；#abc 等於 #ABC |
| 有效輸入範例 | 120 200 64 | #78C840 |
| 統一為 | (120, 200, 64) | (120, 200, 64) |
| 標記法依據 | MDN rgb() 參考文件 | W3C CSS Color Module Level 4 |
由於計分之前會先進行統一化處理，因此 RGB 估計值與其對應的 HEX 等效寫法，在失誤追蹤機制中會被視為同一筆猜測。若你在第一次嘗試時以十進位輸入 (120, 200, 64)，接著又以 #78C840 作為修正嘗試，遊戲會將其視為相同色彩，並不會因此消耗你的第二次機會。失誤計數器只會在出現真正不同的統一化元組時才會推進，這能保護你不會因為在同一回合中途切換格式，而意外受到雙重懲罰。
解讀每個通道的回饋以收緊下一次的猜測
每次提交後出現的回饋面板，是本遊戲學習迴圈的核心。它並非告訴你「接近」或「偏離」，而是回報關於你上一次猜測的四項數值資料：紅色的絕對誤差、綠色的絕對誤差、藍色的絕對誤差，以及這三者中的最大值。總誤差一行則會彙整三者加總的結果。
運用各通道的細部資料來判斷該調整哪個方向。若綠色通道顯示最大的誤差，則代表該色塊相較於你的估計值，可能更綠或更不綠。若兩個通道完全正確，只有一個通道誤差為 13 或 14，即使總誤差遠低於 24，雙重門檻仍會因單一超支通道而判定失敗。每通道 12 的上限正是為了避免單一嚴重錯誤被兩個完美通道掩蓋。舉例來說，目標為 (245, 0, 0) 時猜 (255, 0, 0)，總誤差為 10，聽起來似乎可以接受，但 10 個單位的紅色誤差落在 12 的通道上限之內，因此該回合會被接受。而目標為 (240, 0, 0) 時猜 (255, 0, 0)，總誤差為 15、單通道誤差為 15，雖然總誤差遠低於 24，該回合仍會因為單通道規則而失敗。兩項檢查同等重要，遊戲會同時套用。
當你位於門檻之內時，該回合便結束並進入下一個色塊。當你位於門檻之外時，回饋數字會保留在畫面上，方便你作為修正嘗試的參考。Canvas 色塊在修正期間也會持續顯示，因此你能在重新輸入數值的過程中，持續將心中的估計值與實際渲染的色彩進行比對。
恰好 1,000 分的完美成績是如何組成的
這是整個設計中最容易理解、卻也最難達成的部分。每個被接受的色塊剛好值 200 分，且總共只有五個回合。沒有任何「一回合內首次猜中加分」、「時間獎勵」，也沒有因為使用修正機會而產生的懲罰——第二次出現的不同錯誤色彩，僅會直接鎖定該回合，直到你重新開始整場遊戲為止。
這樣的結構意味著，完美成績只會有兩種結果：你要麼依序通過全部五個回合，恰好以 1,000 分收尾；要麼在途中某個回合被鎖定，並以你已累積的分數結束本次挑戰。沒有中間地帶。被鎖定的回合不給予任何部分分數，正是 1,000 分目標能保持精確而非概略的原因。遊戲不會將未來回合的數值洩漏至目前的 DOM 中，因此你無法提前窺見後續目標來規劃估計值。
若想進一步了解計分細節——包括雙重門檻如何與不同的誤差分布互動，以及如何在五個回合中分配你的修正機會——請參閱 RGB 與 HEX 計分完整攻略，其中更詳細地說明了達成 1,000 分的路徑。
免費瀏覽器遊玩：你不需要安裝任何東西
這款免費色彩猜色遊戲之所以能如此乾淨地歸類於瀏覽器內遊戲，一個實際原因就是所有處理都在本機完成。不需下載、不需註冊、不需帳號、不需遠端色彩服務，也不需要呼叫任何模型。Canvas 繪製目前的色塊、解析器處理你的輸入、比較器計算通道誤差、分數往前推進——全部都在你的瀏覽器分頁內完成。你可以關閉分頁，稍後再重新開啟，重新展開一輪全新的五回合挑戰，而不會遺失除了本機最佳分數之外的任何持續狀態。
介面同樣刻意設計成可攜式。你可以使用 Tab 鍵在格式按鈕、輸入欄位與提交動作之間切換，也能在表單中按下 Enter 鍵來檢查估計值。觸控目標的高度符合行動裝置的友善標準，排版在窄螢幕上會自動塌縮為單欄配置，因此無論是在筆電、平板或手機上，同一款遊戲都能提供完整的每通道回饋功能。若想在遊玩前親自驗證標記規則，可以參考 MDN 的 hex-color 參考文件，其中記載了與本遊戲相同的簡寫展開與大小寫行為。
由於 Canvas 是目前色彩唯一顯示之處，可見的頁面文字、ARIA 標籤、資料屬性以及內嵌樣式，在正常遊玩過程中都不會揭露精確答案。如同任何用戶端的視覺遊戲一般，堅持不懈的使用者理論上可以取樣顯示的像素或檢查下載的程式碼，因此本介面的設計目的在於防止意外洩漏目標，而非宣稱具備防竄改能力。就一般遊玩情境而言，這已經足夠在全部五個回合中維持辨識挑戰的公平性。