適用於 DTF 印刷的 CMYK 色票表,可以透過下列方式建立:查詢 148 個標準化 HTML 色彩名稱中每個 CSS 關鍵字、複製其精確的 HEX 值,並將該 HEX 轉換成列印檔所需的 CMYK 百分比。DTF(Direct-to-Film,直接轉印薄膜)印刷會先在轉印薄膜上鋪上青色、洋紅、黃色及黑色油墨,再透過熱壓將該薄膜壓印到布料上,這表示每件送到 DTF 印刷機的圖稿都需要一份 CMYK 分解資料——然而多數設計工具是以 HEX 或 RGB 儲存色彩。《HTML Color Names Chart》(HTML 色彩名稱表)以一份可驗證、標準化的 148 個命名色彩清單,以及其精確的六位數 HEX 與十進位 rgb() 座標,弭平了這個落差,所有定義皆源自 W3C CSS Color 4 規範。由於關鍵字是基於規範定義,其數值在瀏覽器、RIP 軟體及設計應用程式之間能保持一致;當印刷廠、設計師與客戶都需要在「同一個紅色」上達成共識,卻又無法寄送實體色卡時,這點格外重要。標準化別名(例如 aqua 與 cyan,兩者皆為 #00ffff)以及 fuchsia 與 magenta(兩者皆為 #ff00ff),會以各自獨立的有效識別項目呈現,使舊式樣式表能乾淨地轉譯。每一列都會顯示一個渲染色塊、小寫 HEX,以及 rgb(...) 元組;點擊 HEX 便會將其寫入剪貼簿,以便貼入您的設計工具。

為何 DTF 印表機需要一份穩定的參照色票表
DTF 印刷透過在轉印薄膜上鋪上青色、洋紅、黃色及黑色油墨,再熱壓該薄膜到服飾上,以重現圖稿。您在設計應用程式中挑選的螢幕 HEX 並不會直接送到印刷機——RIP 軟體必須將該 sRGB 值轉譯成對等的 CMYK 點陣圖案,而轉換過程中任何漂移,都可能使品牌色跑掉或破壞漸層。一份穩定的參照色票表能作為單一事實來源:每個接觸該檔案的人(設計師、印前作業人員、印刷廠)看到的都是同一組 HEX 與同一組預期 CMYK 百分比,而非憑印象猜測。當您以一份命名且標準化的清單(而非臨時湊出的色塊)來建立 DTF 色盤時,還能避免某個工具把單一通道值四捨五入,與其他工具略有不同的風險。該色票表的 148 列由不變條件鎖定——精確的列數、唯一的關鍵字、每個值皆為六位小寫十六進位數字——因此您今天參考的資料集,與下個月參考的資料集完全相同。
《HTML Color Names Chart》包含哪些內容
該色票表列出 CSS Color 4 中所定義的每個不透明命名色彩關鍵字——恰好 148 列,標準化別名會保留為各自獨立的有效識別項目。每一列包含一個 CSS 關鍵字、一個小寫六位數 HEX 值、一個十進位 rgb(r, g, b) 元組,以及一個渲染色塊,讓您能在瀏覽器中實際確認該關鍵字的視覺效果。所有列出的色彩皆在 sRGB 色彩空間中解析,這與您的設計應用程式和多數 DTF RIP 軟體作為 CMYK 轉換起點所使用的色彩空間相同。該色票表刻意將 transparent 與 currentColor 排除在 148 列計數之外:transparent 代表透明黑色,而非一個不透明色塊;currentColor 則繼承自元素的計算後色彩,因此兩者都沒有單一固定的 HEX。將這兩個值保留在不透明資料表之外,可防止您把色彩複製到 DTF 工作時,產生誤導性的數值對應。搜尋結果會保留規範表格的順序(在此實作為依關鍵字的 ASCII 字母順序),且篩選操作絕不會改變對應、不會合併別名、不會捏造模糊同義詞,也不會將該色彩轉換到其他色彩空間。
如何從 HTML 色彩名稱建立適用於 DTF 印刷的 CMYK 色票表
- 在瀏覽器中開啟 HTML Color Names Chart;此工具完全在用戶端執行,不會將任何輸入傳送到伺服器。
- 依 DTF 工作所需的設計色盤進行篩選:輸入關鍵字片段(例如 "red"、"blue"、"dark"、"light" 或 "gray"),將 148 列縮減為相關子集。
- 針對您想納入 DTF 色盤的每一列,點擊小寫 HEX 值即可複製;該色票表必須在瀏覽器確認剪貼簿寫入成功後,才會回報成功。
- 將每一個複製的 HEX 貼到 RGB 轉 CMYK 轉換器,以取得該命名色彩精確的青色、洋紅、黃色及黑色百分比。
- 將原始 HEX 與所得的 CMYK 分解資料,一起記錄到共用的色票資料庫、設計樣板或 RIP 色簿中,使每件 DTF 工作都使用同一組數字。
- 完成 DTF 色票表建立後,清除篩選輸入以還原全部 148 列,或切換到完全相符模式以進行精確查詢。
若您的瀏覽器封鎖剪貼簿存取,畫面上可見的關鍵字、HEX 及 RGB 文字仍可選取,以便在對應關係不遺失的情況下手動複製。
將 HEX 轉換為 DTF 檔所需的 CMYK
該色票表本身只輸出 HEX 與 RGB——它是一份參照資料,而非列印空間產生器——因此支援的 DTF 工作流程分兩步:查詢 HEX,接著轉換為 CMYK。一旦複製到 HEX,便將其貼入 RGB 轉 CMYK 轉換器,取得圖稿所需的青色、洋紅、黃色及黑色百分比。接著將這些 CMYK 值貼入 Illustrator、Photoshop、CorelDRAW 或您 DTF RIP 的色票資料庫,讓同一組數字隨檔案一起傳遞。若您的印刷廠使用特定的 ICC 設定檔(例如 FOGRA、GRACoL 或 SWOP),請依該設定檔重新核對轉換後的 CMYK,因為針對銅版紙膠印調校的 CMYK 分解,會在 DTF 工作的薄膜與紡織品上呈現出不同的結果。若需要超越單一轉換、更廣泛的色盤規劃,可參考專文 finding exact CMYK matches using HTML color names for DTF printing,其中以更多範例演示同一套工作流程。
色票表中的搜尋方式
篩選輸入接受三種不同的搜尋模式;當您已掌握 DTF 工作所需的部分值時,選對模式可節省時間。
| 搜尋模式 | 輸入範例 | 比對行為 | 最適用於 |
|---|---|---|---|
| 關鍵字片段 | "red"、"dark"、"gray" | 在 CSS 名稱上進行不區分大小寫的子字串比對 | 瀏覽 DTF 設計的色盤家族 |
| 精確 HEX | #ff0000 | 精確的六位十六進位比對 | 驗證您已取得的 HEX |
| 完整 rgb(...) | rgb(255, 0, 0) | 精確的三通道比對 | 查詢從 CSS 取得的值 |
完整的 rgb(...) 搜尋使用精確比對,因此一段簡短的數字片段不會意外比對到不相關的通道值;以 # 開頭的搜尋則使用精確 HEX 比對。若無相符結果,色票表會顯示「無相符」訊息,而非以鄰近色彩替代,因此您可以放心——某列不存在,就代表該值未列入此表。
DTF 檔值得留意的標準化別名
該色票表將標準化別名保留為各自獨立的列,因為每種拼法都是有效的 CSS 識別項目,在讀取或維護可能對應 DTF 輸出的既有樣式表時相當實用。這些並非無心的重複記錄,而是設計師與開發人員依賴的有意對應。
| 別名 1 | 別名 2 | 共用 HEX | 共用 RGB |
|---|---|---|---|
| aqua | cyan | #00ffff | rgb(0, 255, 255) |
| fuchsia | magenta | #ff00ff | rgb(255, 0, 255) |
| gray | grey | #808080 | rgb(128, 128, 128) |
| darkgray | darkgrey | #a9a9a9 | rgb(169, 169, 169) |
| lightgray | lightgrey | #d3d3d3 | rgb(211, 211, 211) |
當 DTF 工作的來源樣式表以美式或英式拼法書寫某個色彩時,這些配對就很重要——色票表會回傳同一個 HEX,使您的 CMYK 轉換無論採用何種拼法皆保持穩定。
此色票表無法取代的事
《HTML Color Names Chart》是一份色彩參照資料,而非印前或校色工具。它無法預測特定紡織品、油墨組或 RIP 設定檔上的色彩重現效果;這取決於您的 DTF 硬體與印刷廠使用的 ICC 設定檔。它也不是對比度檢查工具——若要在服飾打樣或設計的網頁預覽上做無障礙決策,應交由專門的對比度檢查工具處理 WCAG 評估。針對漸層、色盤產生、影像取樣或歷史的網頁安全色,本類別中其他聚焦的工具比強迫這份參照表去做它原本設計範圍之外的工作更為合適。關鍵字名稱本身是歷史性的識別項目:部分相鄰列在視覺上看起來出奇地相近,且這些名稱並不保證感知上均勻的明度,因此請勿將此色票表視為色彩的科學分類法。然而,作為 HEX 與 DTF CMYK 工作流程之間一份穩定的查詢表,它為您的印刷廠與設計團隊提供了一套以 W3C CSS Color 4 named-colors specification 為基礎的共同詞彙。
延伸閱讀:CMYK to RGB Accessibility Contrast: A Practical Workflow。