HTML 色彩名稱對照表列出全部 148 個不透明的 CSS 命名色彩關鍵字，並附上精確的小寫 HEX 與十進位 RGB 值，是在轉換前為任何 CMYK 色彩表定錨最可靠的來源。設計師常把 CMYK 表當作靜態查表工具，但這些數值只有在來源色彩本身穩定、可識別且可重現時才會保持準確。螢幕色彩（RGB）與印刷色彩（CMYK）存在於不同色域、不同色域範圍的色域空間中，因此任何略過 RGB 或 HEX 定錨步驟的 CMYK 表，都可能在不同檔案、設計師與印刷機之間產生偏差。最常見的 CMYK 表錯誤——來源色彩不一致、別名遭刪除、HEX 值打錯、以及忽略色彩描述檔差異——全都可追溯到這個遺漏的定錨步驟。使用標準化的命名色彩參考，能從源頭消除猜測、為每個印刷色票提供有文件記載的來源，並讓你從同一個起點一致地重新產生 CMYK 轉換結果。
為何 CMYK 色彩表需要標準化的起點
CMYK 表的可重現性，完全取決於它起始的色彩。如果來源色票僅被描述為「標誌上的綠色」，兩位設計師可能挑出略為不同的 HEX 值，最終的 CMYK 分解結果光是在 K 色版上就會相差數個百分點。這正是為何錯誤最少的作業流程，會以固定、可命名的色彩識別碼作為起點，而非靠目測估算。
HTML 色彩名稱對照表提供了這個固定識別碼。它收錄 CSS Color 4 標準化的全部 148 個不透明命名色彩關鍵字，每一列將一個 CSS 關鍵字與一個小寫六位數 HEX 值、一個十進位 rgb(r, g, b) 值以及一個渲染色票配對在一起。由於這些名稱屬於 CSS 規範的一部分，而非設計師自訂詞彙，使用相同名稱的人會得到相同的起點。將這個穩定的 RGB 起點透過專用的 RGB 轉 CMYK 轉換器轉成 CMYK，便能產出一份兩個人都能完全相同地重建的對照表。
這個定錨步驟至關重要，因為 CMYK 數值是衍生的，並非絕對。你計算出的 CMYK 數字，完全取決於你一開始使用的 RGB 三元組、所選的色彩描述檔，以及你套用的轉換計算方式。略過定錨步驟，代表你的「對照表」其實只是某位設計師螢幕畫面的快照，而非可重複使用的參考資料。對於想看完整逐步示範、從命名色彩中抽出 CMYK 百分比讀者，從命名色彩值製作 CMYK 對照表範例指南展示了同一套定錨概念套用於常見色票的方式。
設計師最常犯的 CMYK 對照表錯誤
大多數 CMYK 對照表的錯誤都落在幾個反覆出現的模式中。及早發現這些錯誤能省下重新印刷的成本，以及打樣之間的色彩偏差。
- 將命名色彩視為擁有固定的 CMYK 值。像「tomato」或「steelblue」這類 HTML 名稱描述的是 sRGB 座標，而非印刷油墨。兩套不同的 CMYK 轉換引擎會為同一個名稱回傳不同的 CMYK 分解結果，而兩者在各自的情境下都不算錯。解法是為每個 CMYK 色票一併記錄來源 RGB 三元組，以便日後稽核轉換結果。
- 假設相鄰的命名色彩在視覺上有明顯差異。CSS 命名色彩是沿用歷史的識別碼，並非視覺上等距的調色盤。「Cornflowerblue」與「royalblue」彼此位置相近，「darkgray」與「dimgray」在某些螢幕上看起來也頗為相似。以這些色彩作為拉開距離的調色盤定錨所建立的 CMYK 表，印刷後在視覺上會塌縮在一起。
- 在同一張對照表中混用不同大小寫或不同位數的 HEX。瀏覽器能同時接受三位數簡寫、大寫與小寫，但以不一致輸入值建立的 CMYK 表較難驗證。HTML 色彩名稱對照表中的 HEX 值一律為六位數小寫，提供一個可供複製的統一格式。
- 忘記別名本身是有效的重複項目。Aqua 與 cyan 對應到 #00ffff；fuchsia 與 magenta 對應到 #ff00ff；美式與英式的 gray 拼法會各別以獨立列呈現。這些並非資料錯誤——每種拼法都是有效的 CSS 識別碼。若在對照表中手動刪除它們，將會破壞使用另一種拼法的樣式表。
- 依據英文名稱的字面意思挑選色彩名稱。「Lightgreen」並不像字面上看起來比「limegreen」更亮，而「mediumvioletred」實際呈現的色調可能比預期更深。色彩名稱描述的是歷史上的 sRGB 點，而非一致的明度規則。以字母順序排序命名色彩的 CMYK 表，在視覺上並不會跟著排序。
建立可靠 CMYK 對照表的實用技巧
幾個習慣決定了你的對照表是下個月還能重建，還是會悄悄產生偏差。
為每個色票挑選一個能依規範查詢、而非憑肉眼判斷的命名色彩作為起點。HTML 色彩名稱對照表的篩選器接受 CSS 色彩名稱片段、精確的六位數 HEX 值，或完整的 rgb(...) 字串。這代表你可以輸入「steel」來找出「steelblue」、輸入「#4682b4」來確認精確匹配，或輸入「rgb(70, 130, 180)」來驗證從別處複製的值。每次搜尋都會保留規範表格的順序，並在沒有結果時顯示「查無資料」訊息而非以相近色彩替代，因此你隨時能知道查詢是否失敗。
在每個 CMYK 百分比旁邊記錄 RGB 三元組，並每次使用相同的色彩描述檔。CMYK 數值取決於描述檔，因此以某一組 ICC 描述檔建立的對照表，無法與以另一組描述檔建立的對照表匹配。選定一組描述檔（如銅版紙用的 Coated FOGRA39，或非塗佈紙用的 SWOP），在對照表標題中註明，每次都透過該描述檔進行轉換。
保留別名原貌。若你的品牌樣式表使用「gray」，而同事的樣式表使用「grey」，CMYK 對照表應同時保留這兩列，因為這兩種拼法都存在於 CSS 規範中。在對照表層級將它們合併為單一列，會掩蓋下游一處真實的重複來源。
當目的是作為參考而非設計時，請依規範使用的相同順序——依關鍵字的 ASCII 字母順序——來排序對照表。以字母順序瀏覽對照表較容易稽核完整性，並能快速確認全部 148 個不透明關鍵字皆已收錄。HTML 色彩名稱對照表在篩選過程中維持此順序，因此你在瀏覽器中看到的版面配置，正是你的對照表應反映的樣貌。
如何查詢任何 CSS 色彩名稱背後的精確 HEX
- 在瀏覽器中開啟 HTML 色彩名稱對照表。無需登入或上傳檔案，該頁面完全在用戶端執行。
- 在篩選框中輸入部分 CSS 色彩名稱——可以是像「tomato」這類完整名稱、像「tom」這類片段，或像 #ff6347 這類精確的六位數 HEX。完整的 rgb(255, 99, 71) 值同樣適用。
- 檢視符合的列。每筆結果會顯示標準化的關鍵字、即時色票、小寫六位數 HEX 值，以及十進位 rgb(r, g, b) 值。
- 點擊 HEX 值即可複製到剪貼簿。對照表只有在瀏覽器確認剪貼簿請求後才會回報成功。若權限遭拒，可見的關鍵字、HEX 與 RGB 文字仍可手動選取複製，且不會附加任何隱藏格式。
- 清除篩選條件即可還原全部 148 個不透明命名色彩。清除篩選永遠不會合併別名、自行產生模糊同義詞，或在色彩空間之間轉換——它只是再次顯示完整集合。
取得標準化的 HEX 後，將其交給 RGB 轉 CMYK 轉換器，即可為印刷對照表產生 CMYK 百分比。構成此對照表的完整識別碼集合由 W3C CSS Color 4 規範維護，並記載於 MDN。
何時 HTML 命名色彩不適用於 CMYK 工作
HTML 色彩名稱對照表是參考資料，而非產生器。它無法告訴你色票在特定油墨描述檔下的樣貌、無法模擬印刷機的呈色結果，也無法判斷兩個色彩在視覺上是否可清楚區分。當你需要翻譯舊有樣式表、為原型挑選易讀的關鍵字、查詢名稱背後的精確值、尋找別名，或將穩定的色彩代號複製到 CSS 時，請使用此工具。
至於色彩識別之後的任務，請改用其他工具。漸層屬於 色彩漸層產生器。調色盤協調屬於 色彩調色盤產生器。無障礙決策屬於 色彩對比檢查器，因為對比取決於前景與背景的配對、文字大小、粗細與適用的指引——而非色彩名稱。若要在兩個不透明 HEX 值之間進行視覺比較，專用的色差工具會採用基於標準的度量方式，而非從名稱猜測。
每種識別碼類型對 CMYK 對照表的助益
下表根據 HTML 色彩名稱對照表有文件記載的行為與限制，整理出哪種識別碼類型能解決哪種 CMYK 對照表問題。
| 參考類型 | 對 CMYK 對照表的優勢 | 需留意的限制 |
|---|---|---|
| CSS 色彩名稱 | 人類可讀、可攜，在樣式表中易於搜尋 | 名稱是沿用歷史的識別碼，並非視覺上等距的尺度 |
| 六位數小寫 HEX | 精簡、精確、可由機器檢查 | 本身不帶色彩空間資訊 |
| 十進位 rgb(r, g, b) | 可直接對應轉換中使用的 sRGB 色版數值 | 手動輸入時容易抄錯單一色版數值 |
| 完整的 rgb(...) 字串 | 對部分數字片段而言為精確匹配的安全選擇 | 嵌入印刷廠備註中過於冗長 |
每列同時結合命名色彩、HEX 與 rgb(...) 三元組的 CMYK 對照表，比僅依賴單一識別碼建立的對照表更不容易產生偏差，也能為印刷廠提供三種獨立方式來稽核每個色票。
想進一步了解，請參閱免註冊的免費 RGB 轉 CMYK 轉換器。