由 CSS 程式碼建構的 CMYK 色表，是從 CSS 標準化的 148 個不透明具名顏色關鍵字開始，每一個都對應到精確的 sRGB HEX 與 RGB 值。CSS 本身並不宣告 CMYK 值；每一個 CSS 顏色，包含所有具名顏色，都存在於 sRGB 色彩空間中，並由瀏覽器、印表機和作業系統解讀為 sRGB 三元組。這就是為什麼任何「CSS 轉 CMYK」色表實際上是兩步驟的參考流程：首先你將 CSS 關鍵字（或 #RRGGBB 值，或 rgb() 函式）解析為精確的 sRGB 數值，然後再將該 sRGB 三元組轉換為用於印刷的 CMYK 百分比。HTML 顏色名稱色表提供該工作流程的前半段。它包含所有不透明的 CSS 具名顏色關鍵字，包含標準化的別名，並為每一列提供精確的標準化 HEX 與 RGB。接著，你將解析後的 sRGB 值輸入 RGB 轉 CMYK 轉換器，以產生可印刷的百分比。本指南說明此色表、查詢流程，以及如何銜接 CSS 程式碼與可印刷 CMYK 色塊之間的落差。
CSS 提供什麼，以及 CMYK 代表什麼
CSS Color 規範在 sRGB 色彩空間中定義顏色。這表示每一個 CSS 顏色值，無論你寫的是具名關鍵字（如 "tomato"）、十六進位值（如 #ff6347），或是函式標記法（如 rgb(255, 99, 71)），都會解析為紅、綠、藍通道的三元組，範圍為 0–255。瀏覽器在同為 sRGB 裝置的螢幕上呈現這些三元組。相對地，CMYK 是印表機使用的減法混色模型。它以青色、洋紅色、黃色和黑色的百分比來描述油墨覆蓋率。由於這兩個色彩空間以根本不同的方式描述顏色，CSS 沒有原生的 CMYK 語法，也沒有 CMYK 關鍵字。CSS 中沒有 cmyk(0, 100, 100, 0) 函式，也沒有任何關鍵字會以特定油墨混色方式印出。反之，與 CSS 顏色相關聯的每個 CMYK 值，都必須透過將該顏色的 sRGB 三元組轉換為印表機的 CMYK 百分比來取得。此轉換為近似值，因為 sRGB 描述的是發射光，而 CMYK 描述的是透過油墨反射的光，因此兩個裝置很少能從相同的數值重現完全相同的實體顏色。
148 個不透明 CSS 具名顏色及其代碼
CSS Color 4 規範標準化了正好 148 個不透明具名顏色關鍵字。每個關鍵字對應一個小寫六位數十六進位值，格式為 #RRGGBB，而每個十六進位值對應一個十進位 rgb(r, g, b) 函式。HTML 顏色名稱色表直接以此標準建構。它將每個關鍵字列為獨立的一列，連同其 HEX、十進位 RGB，以及一個經算繪的 sRGB 色塊，讓你看到這些數值實際呈現的樣貌。標準化別名以獨立列顯示而非合併，因為每種拼法本身都是有效的 CSS 識別字。Aqua 與 cyan 都對應 #00ffff。Fuchsia 與 magenta 都對應 #ff00ff。多個灰色家族名稱同時存在美式與英式拼法，例如 gray 與 grey，對應相同。在 148 個計算中有兩個關鍵字刻意排除：transparent 代表透明黑，並非不透明色塊；currentColor 繼承自元素的計算後 color 屬性，沒有固定的獨立值。將這兩個排除在不透明表之外，可避免產生誤導性的數值對應。
如何查詢 CSS 具名顏色並複製其代碼
依照下列步驟，使用 HTML 顏色名稱色表查找 CSS 具名顏色並複製其精確的 HEX 值。
- 在瀏覽器中開啟 HTML 顏色名稱色表。
- 在篩選器中輸入 CSS 顏色名稱的一部分以縮窄表格範圍。關鍵字搜尋不區分大小寫，並比對名稱片段，因此輸入 "medi" 一次就會帶出 mediumblue、mediumorchid、mediumpurple、mediumseagreen、mediumslateblue、mediumspringgreen、mediumturquoise 和 mediumvioletred。
- 若要解析特定的 #RRGGBB 值，請在篩選器中輸入井字號與六位數字。以 # 開頭的搜尋採用精確 HEX 比對，因此部分值不會回傳符合項目，而是回傳無結果。
- 若要解析 rgb() 值，請輸入完整的 rgb(r, g, b) 字串。完整的 rgb() 搜尋同樣採用精確比對，因此簡短的數字片段不會意外比對到另一列中不相關的通道值。
- 檢視符合的列。每一列顯示標準化的 CSS 關鍵字、小寫 #RRGGBB 值、十進位 rgb(r, g, b) 值，以及一個經算繪的 sRGB 色塊。
- 點擊 HEX 儲存格，將小寫 #RRGGBB 值複製到剪貼簿。色表僅在瀏覽器確認剪貼簿寫入後才會回報成功。
- 若剪貼簿權限被拒，顯示的關鍵字、HEX 和 RGB 文字仍可供手動選取複製；不會寫入任何隱藏格式。
- 清除篩選器以還原所有 148 列，依 ASCII 字母順序排列。
搜尋結果保留規範表格順序，在此實作中依關鍵字的 ASCII 字母順序排列。篩選器絕不會變更對應、合併別名、虛構模糊同義詞，或將顏色轉換至另一色彩空間。系統會顯示無符合訊息，而非以相近顏色替代。
從 CSS 程式碼到 CMYK：兩步驟工作流程
若要將 CSS 顏色參考轉換為可印刷的 CMYK 百分比，請先解析 CSS 值，再進行轉換。從 HTML 顏色名稱色表開始，確認名稱、HEX 值或完整 rgb() 函式背後的標準化 sRGB 數值。一旦取得精確的 RGB 三元組，將其傳遞至 RGB 轉 CMYK 轉換步驟，例如RGB 轉 CMYK 轉換器，以讀取四個油墨百分比。色表完全在瀏覽器中執行，不會將搜尋或複製的值傳送至伺服器，因此你可以在將名稱送入任何轉換步驟之前安全地查詢。每個 CSS 轉 CMYK 工作流程都適用兩項注意事項。首先，轉換是數學性的而非感知性的；產生的 CMYK 數值描述印表機應嘗試重現的內容，而非你在印刷時眼睛實際看到的結果。其次，從 CSS 顏色衍生的 CMYK 值取決於所使用的轉換設定檔；不同的工具與 ICC 設定檔會對相同的 sRGB 三元組產生略為不同的百分比，因此在核准工作前，請務必與印刷服務商確認轉換設定檔。顏色名稱本身是歷史性的識別字，而非感知上均勻的調色盤，也無法保證任何顯示器重現實體顏料；因此請將名稱視為 sRGB 三元組的便利標籤，並將 CMYK 數值視為一種可能的翻譯。
常見顏色的 CSS 轉 CMYK 對應範例
下表顯示幾個廣為人知的 CSS 具名顏色，連同來自色表的標準化 HEX，以及透過簡單 RGB 轉 CMYK 轉換（K = 1 - max(R,G,B)/255）衍生的 CMYK 值。這些是螢幕到印刷規劃的參考起點，並非精確的印刷輸出。
| CSS 名稱 | HEX | RGB | CMYK (%) |
|---|---|---|---|
| black | #000000 | rgb(0, 0, 0) | 0, 0, 0, 100 |
| white | #ffffff | rgb(255, 255, 255) | 0, 0, 0, 0 |
| red | #ff0000 | rgb(255, 0, 0) | 0, 100, 100, 0 |
| lime | #00ff00 | rgb(0, 255, 0) | 100, 0, 100, 0 |
| blue | #0000ff | rgb(0, 0, 255) | 100, 100, 0, 0 |
| yellow | #ffff00 | rgb(255, 255, 0) | 0, 0, 100, 0 |
| cyan | #00ffff | rgb(0, 255, 255) | 100, 0, 0, 0 |
| magenta | #ff00ff | rgb(255, 0, 255) | 0, 100, 0, 0 |
對於 148 列色表中的其他每個 CSS 具名顏色，請使用專用的 RGB 轉 CMYK 工具，根據其 HEX 或 RGB 值執行相同的轉換，而非嘗試手動背誦色表。共有 148 列需涵蓋，且轉換取決於你所選擇的設定檔。
為何 CSS 沒有原生的 CMYK，以及這對印刷的意義
CSS Color 是一項以螢幕為導向的標準。規範在 sRGB（為顯示器、手機和電視設計的色彩空間）中定義顏色，並提供具名關鍵字、十六進位標記法、函式 rgb() 與 hsl() 標記法，以及 lab()、lch()、color() 和 oklch() 標記法，這些都會解析為已定義的色彩空間。CMYK 刻意從 CSS 中省略，因為 CMYK 取決於所使用的油墨、紙張和印刷設定檔，而且沒有一個 CMYK 能有意義地跨所有印刷裝置描述顏色。CMYK 值僅在特定 ICC 設定檔與特定輸出裝置的環境中才有意義。當你為網路發佈樣式表時，你不需要 CMYK 值；瀏覽器直接算繪 sRGB 數值。當你將設計傳送給印表機時，印表機或印前軟體會將你的 sRGB 數值轉換為印刷機的 CMYK 設定檔。這就是為什麼建議的工作流程從 CSS 名稱或 HEX 開始，使用 HTML 顏色名稱色表確認精確的標準化數值，然後套用適用於你所選設定檔的轉換步驟。
何時在 CSS 中使用具名顏色、HEX 或 RGB
在 CSS 本身中，你可以在任何接受顏色值的屬性語法位置使用具名顏色識別字。這包含 background-color、color、border-color、fill、stroke、box-shadow、text-shadow 和漸層停駐點，視各屬性的特定語法而定。具名顏色在原型設計與設計討論中易於閱讀，但它并非感知上均勻的調色盤，因此相鄰名稱可能看起來驚人地相似，且名稱並不一致地描述相對亮度。HEX 和 rgb() 標記法以更簡潔或更明確的方式表達相同的 sRGB 值，且在 CSS 屬性接受顏色的任何位置都可與具名顏色互換。對於僅在螢幕上算繪的樣式表，選擇你覺得最容易維護的標記法即可。對於資產最終會進入印刷的樣式表，建議優先使用 HEX 或 rgb()，以便在檔案中直接看到精確的 sRGB 三元組，並將 HTML 顏色名稱色表作為每個具名關鍵字背後標準化對應的參考備查。在無障礙決策方面，僅憑顏色名稱並不足夠；對比度取決於前景與背景配對、文字大小、粗細和適用指引，因此這部分的工作請使用專用的對比檢查工具，而非依賴具名顏色的感知亮度。
相關閱讀：在 Photoshop 中將 RGB 轉換為 CMYK：比色彩模式更快。
相關閱讀：CMYK 轉 RGB 說明：公式及其限制。