印刷用的 CMYK 色表是一份對照表,將可印刷的油墨組合對應到視覺色彩名稱,而從已知色盤建立這種色表最快的方式,就是從 148 個不透明的 CSS 命名色彩開始,因為它們每一個都帶有固定的 sRGB 值。印刷機操作員以 0 到 100 之間的百分比混合青色、洋紅、黃色與黑色油墨,而螢幕則以 0 到 255 的整數通道混合紅、綠、藍光。由於這兩個系統使用不同的輸入來描述色彩,任何由 HTML 色彩名稱建立的色表,都必須先將每個名稱的精確 sRGB 值轉換成 CMYK 油墨配方,印刷機才能使用。HTML 色彩名稱對照表提供每個關鍵字精確的小寫 #RRGGBB 值,以及十進位的 rgb(r, g, b) 通道值,內容也涵蓋標準化的別名,讓您可以複製一個精確的起始值,再送入另一個 RGB 轉 CMYK 的轉換工具,而無需猜測數字。這種做法適用於版面打樣、品牌色彩交付,以及可接受近似配色的小幅印刷。

cmyk color chart for printing
印刷用 CMYK 色表:從 CSS 色彩名稱開始

CMYK 色表的內容

CMYK 色表通常會在一欄列出色彩名稱,接下來四欄列出四個數值通道:青色 (C)、洋紅 (M)、黃色 (Y),以及黑色或主要黑色 (K)。每個通道以 0 (無油墨) 到 100 (全油墨) 的百分比表示,這四個百分比合在一起描述印刷機為該色塊鋪上各色油墨的量。

印刷業者會以下列幾種常見方式編排色表:

  • 依色相家族排序,依序走過紅、橘、黃、綠、藍色 (blues) 與中性色。
  • 依明度排序,每個色相最淺的色調排在前,最深的色調排在後。
  • 依油墨量排序,色表將低油墨色調、中等飽和的實色,以及高油墨的深色調分成不同列。

為生產製作的色表通常會包含一個 process color 欄 (CMYK)、一個專色或 Pantone 對照 (若有),以及紙張說明,因為同一組油墨配方在非塗料紙、亮面紙與霧面紙上看起來會不同。為螢幕到印刷機交付所製作的色表,常會在每列 CMYK 旁邊加上來源 RGB 或 HEX 值,讓設計師能將像素追溯回印刷指令。

僅由 HTML 命名色彩建立的色表會省略專色欄,因為 CSS 名稱描述的是 sRGB 像素,而非實體顏料。於是每一列就變成三項資訊:CSS 關鍵字、精確的 #RRGGBB,以及印刷機應使用的 CMYK 百分比。色表本身不會輸出 CMYK 欄;那個轉換永遠是另一個獨立步驟。

HTML 命名色彩在印刷流程中的定位

CSS 命名色彩對印刷色表而言是個不常見的輸入,因為它們完全存在於 sRGB 色彩空間中,且內建並無 CMYK 對應。不過,仍有三個實際情境讓它們成為實用的起點。

第一,設計打樣。當您在瀏覽器或讀取 CSS 色彩關鍵字的軟體中製作版面雛形時,每個色塊都已經有穩定的 sRGB 三元組。從色表複製該三元組,可讓您交付一個已知的起點,而無需用肉眼比對印刷樣張。

第二,品牌色彩的一致性。企業常會挑選一個命名色彩作為品牌資產的標準參考,再要求印刷合作夥伴在印刷機上重現該色彩。色表讓關鍵字標準化,使來源值在每台開啟該檔案的機器上都一致。

第三,教學與文件。148 個不透明的 CSS 關鍵字簡短、好記,且隨附於每個現代瀏覽器。一份將每個關鍵字對應到其 CMYK 配方的色表,比起塞滿原始六位數十六進位碼的色表,更容易教學。

這份色表並非 CMYK 產生器。它不會執行色域對應、不會模擬紙張,也不會挑選印刷機描述檔。它為每個關鍵字回傳一個穩定的值,而該值是一個螢幕空間的座標。將該座標轉換成可上機印刷的油墨配方,是另一個獨立步驟,屬於專門的轉換工具。

使用 HTML 色彩名稱對照表查詢可印刷的起始值

HTML 色彩名稱對照表完全在瀏覽器中執行,並回傳每個 CSS 關鍵字精確的 sRGB 對應,因此不論您是在準備螢幕打樣或印刷檔案,查詢步驟都相同。

  1. 開啟 HTML 色彩名稱對照表,決定要以關鍵字、HEX 或 rgb() 字串進行查詢。
  2. 在篩選器中輸入關鍵字片段,以縮小表格到符合的名稱。搜尋不區分大小寫,且比對名稱片段,因此輸入 "medi" 會帶出 mediumaquamarine、mediumblue、mediumorchid 以及類似項目。
  3. 檢視每筆符合列的色塊、小寫的 #RRGGBB 值,以及十進位的 rgb(r, g, b) 值。
  4. 點擊 HEX 值即可將該六位數字串複製到剪貼簿。若瀏覽器封鎖剪貼簿存取,畫面上顯示的關鍵字、HEX 與 RGB 文字仍可選取以便手動複製。
  5. 將複製的 HEX 貼到專門的 RGB 轉 CMYK 轉換器,以便依您的印刷機描述檔將螢幕值轉成 C、M、Y、K 百分比。
  6. 清除篩選器即可還原完整的 148 列表格,並在維護舊有樣式表時,使用標準化的別名列 (aqua 與 cyan、fuchsia 與 magenta、gray 與 grey)。

幾個實用小提醒能讓查詢更快速。色表刻意將別名保留為獨立列,因為兩種拼法都是有效的 CSS 識別字,且在閱讀或維護現有程式碼時各有用處。篩選絕不會合併別名,也絕不會捏造模糊的同義詞,因此您看到的列永遠就是規格所定義的列。以 # 開頭的搜尋會使用精確的 HEX 比對,避免短片段意外比對到錯誤的通道。完整使用 rgb(...) 形式的搜尋同樣採用精確比對,理由相同。

印刷命名色彩時應預先掌握的侷限

色表上的名稱並不保證印刷機能精準重現。以下三項侷限最為關鍵。

sRGB 並未涵蓋所有可印刷的色彩

sRGB 色彩空間比塗佈紙上典型的 CMYK 色域來得窄,因此部分落在 sRGB 內的飽和綠、青與橘色,實際上位於印刷機無法鋪出的範圍。轉換步驟會將這類色彩裁剪到最接近的可用油墨組合,印出的色塊會比螢幕預覽顯得黯淡。

兩台螢幕對同一個 HEX 會顯示得不同

校準、白點與觀看光源都會改變 sRGB 像素的視覺呈現。tomato 或 cornflowerblue 這類命名色彩,在廣色域筆電與平價辦公螢幕上看起來會略有不同,而印刷機對這兩種螢幕的結果都不會完全重現。請將色表視為穩定的座標,而非視覺感受的承諾。

紙張會改變結果

青、洋紅與黃色油墨會滲入非塗料紙,並停留在亮面紙表面,因此同一組油墨配方在霧面紙上看起來較深,在塗佈紙上看起來較亮。在簽核色表之前,請務必在實際紙張上打樣。

名稱並非視覺上均勻的色盤

部分相鄰名稱看起來意外相似,且 148 個名稱之間的明度並不一致。若您需要漸層或連續色階,請使用專門工具產生,而非挑選相鄰的 CSS 關鍵字。

印刷準備用參考系統比較

不同的印刷參考系統解決不同的問題,挑選最合適的那一個,比挑選最完整的那一個更為重要。

參考系統 提供內容 最佳用途 主要限制
HTML 命名色彩 (本表) 穩定的 CSS 關鍵字,加上精確的 #RRGGBB 與 rgb() 對應 標準化基於 CSS 設計的交付 無 CMYK 輸出,也無色域對應
RGB 轉 CMYK 轉換器 一次提供單一 HEX 的 C、M、Y、K 百分比 為單一已知色彩快速取得印刷數值 僅為近似值,視您假設的印刷機描述檔而定
Pantone 或專色色庫 與印刷色卡綁定的實體油墨配方 必須跨廠商一致的關鍵品牌色 每色油墨成本、需獨立版,以及有限的色庫
Process CMYK 油墨色表 可印刷色域內一系列 C、M、Y、K 組合 在可重現色彩中挑選色調或色階 超出色域的螢幕色彩會被裁剪到最接近的組合

HTML 色彩名稱對照表對應本表中的第一列。它是在任何轉換步驟之前,用以確認精確螢幕空間座標的位置。其餘列則是查詢之後的工作。

兩個步驟從 HEX 取得 CMYK 百分比

對於螢幕到印刷機的交付,請將轉換視為兩個獨立的動作。第一步是在 HTML 色彩名稱對照表中查詢,取得該關鍵字精確的小寫 #RRGGBB。第二步是使用專門的 RGB 轉 CMYK 工具,將該 HEX 轉成 C、M、Y、K 百分比。命名色彩對照表並不會直接輸出 CMYK,這是刻意的設計:同一個 HEX 依印刷機描述檔、紙張與油墨組不同,會轉換成不同的 CMYK 百分比,因此色表的職責是提供穩定的輸入,而非猜測輸出。

至於無障礙方面的決策,這份色表同樣不是合適的工具。對比度取決於前景與背景的配對、文字大小,以及相關的指引,而非單一關鍵字。請使用對比度檢查工具評估任何配對,再決定印刷品中的色彩。

148 個關鍵字快速參考

色表的每一列包含一個 CSS 關鍵字、一個小寫的 #RRGGBB 值、一個十進位 rgb() 三元組,以及一個渲染色塊。完整表格將標準化別名作為獨立列,因此 aqua 與 cyan 都會以 #00ffff 出現,fuchsia 與 magenta 都會以 #ff00ff 出現。多個名稱同時存在美式與英式的 gray 拼法。148 這個數字不包含 transparent 與 currentColor,因為 transparent 是一個帶有 alpha 的關鍵字,而 currentColor 會解析為該元素計算後的色彩,而非固定的獨立值。

搜尋結果保留規格表的順序,在此實作中為依關鍵字 ASCII 字母排序。表格不會合併別名、不會將色彩轉換到其他色彩空間,也不會對通道值進行四捨五入。清除篩選器即可還原全部 148 列;若無符合結果,則會顯示「無符合」訊息,而非以鄰近色彩代替。點擊 HEX 值會要求寫入剪貼簿,且僅在瀏覽器回應該請求成功後才會回報成功,不會複製任何隱藏格式。

W3C CSS Color 4 規格是命名色彩清單的權威來源,而 MDN 的命名色彩參考則提供同一組清單的開發者導向摘要。