你在 iPhone 上使用的 CMYK 色表與印刷用的扇形色卡運作方式不同,因為 iOS 以 sRGB 色彩空間顯示顏色,並未內建任何原生 CMYK 色票庫。一個實用的替代做法,是以 CSS Color 4 所標準化的 148 個不透明 CSS 具名色彩關鍵字作為你的 CMYK 色表錨點,每個關鍵字都對應一組精確的小寫六位數十六進位色碼,以及一組相符的 rgb(r, g, b) 整數三元組。在 Safari 中執行時,HTML 色彩名稱色表會將每個關鍵字與即時色票並列顯示,讓你能以名稱片段、精確十六進位色碼或完整 rgb(...) 字串進行篩選,也能點選十六進位數值將其複製到剪貼簿。接著,你將每個十六進位數值視為固定的 sRGB 錨點,再透過專屬的轉換工具轉成 CMYK。這種做法為你提供一個可攜、無需安裝應用程式、無需註冊的 CMYK 參考資料,在 iPhone 上無論橫向或直向、Safari 閱讀器模式,以及從 SE 到最新款 Pro 的任何 iPhone 機型都能閱讀。它同時也避開了依賴印刷 CMYK 色表最大的陷阱:印刷色塊描述的是特定的紙張、油墨與色彩描述檔,而不是你 iPhone 實際顯示的標準化 sRGB 座標。
為何 iPhone 需要不同的 CMYK 色表作法
iOS 以 sRGB 呈現所有內容,這代表「iPhone 上的 CMYK 色表」只能給你螢幕預覽,而不是實際油墨印在紙上的混色結果。Apple 並未在 Pages、Numbers、Keynote 或 Safari 中內建 CMYK 色票庫,而「檔案」App 也無法原生開啟可列印的 CMYK 扇形色卡。當設計師、學生以及印刷廠客戶詢問 iPhone 上的 CMYK 色表時,他們通常是想做以下三件事之一:挑選一個能可預測地轉換到印刷的顏色、稽核現有的品牌色彩,或是將 HTML 或 CSS 樣式表轉譯為可印刷的 CMYK 數值。這些任務各自需要一個固定的參考點——一個不依賴螢幕亮度、True Tone 或 Night Shift 的數值。CSS Color 4 中標準化的 148 個不透明 CSS 具名色彩,正好提供了這樣的錨點。每個名稱都會解析為一組特定的 sRGB 三元組,而該三元組就是你的 iPhone 預覽與下游 CMYK 轉換之間的橋樑。HTML 色彩名稱色表是在手機上無需安裝任何東西就能讀取這些三元組的最快方式。
將 148 個 HTML 具名色彩作為固定參考
HTML 色彩名稱色表內嵌了 148 個 CSS Color 4 不透明關鍵字及其精確對應,作為單一鎖定的資料集保存下來。每一列的格式都相同:一個關鍵字、一個小寫六位數十六進位數值、一組十進位 rgb(r, g, b) 三元組,以及一個渲染出來的色票。這種格式在 iPhone 上很重要,因為螢幕較窄,固定的欄位讓表格在直向時仍易於瀏覽,而色票欄則讓你能快速以視覺確認你所點選的十六進位數值是否就是你想用的顏色。該資料集同時將標準化的別名保留為獨立列,而非將其合併。aqua 與 cyan 都對應到 #00ffff;fuchsia 與 magenta 都對應到 #ff00ff。美式與英式 gray 拼法在好幾個名稱中並存。每種拼法都是有效的 CSS 識別符,因此將它們全部保留顯示,有助於保護正在閱讀或維護舊樣式表的任何人。transparent 與 currentColor 刻意排除在這 148 列之外:transparent 屬於 alpha 關鍵字,而 currentColor 仰賴計算後的 color 屬性,因此兩者都沒有固定的獨立十六進位數值可作為印刷色表的錨點。
| CSS 關鍵字 | 十六進位(小寫) | rgb(r, g, b) | 為何出現兩次 |
|---|---|---|---|
| aqua | #00ffff | rgb(0, 255, 255) | 標準別名,保留為獨立的有效識別符 |
| cyan | #00ffff | rgb(0, 255, 255) | 對應到與 aqua 相同的 sRGB 數值 |
| fuchsia | #ff00ff | rgb(255, 0, 255) | 標準別名,保留為獨立的有效識別符 |
| magenta | #ff00ff | rgb(255, 0, 255) | 對應到與 fuchsia 相同的 sRGB 數值 |
上表顯示 CSS Color 4 中的標準化別名配對。每組中的兩種拼法都會解析為同一組 sRGB 三元組,因此無論你從色表複製哪個名稱,下游輸出的 CMYK 結果都會完全相同。
如何在 iPhone 的 Safari 中查詢顏色
以下是在 iPhone 上使用 HTML 色彩名稱色表作為 CMYK 參考的具體作法。每一步都在 Safari 中執行,無需安裝應用程式、無需註冊,也不會將資料傳送到任何伺服器。
- 在 iPhone 上開啟 Safari,並前往 HTML 色彩名稱色表。該網頁具有響應式設計,在直向與橫向皆能適應 iPhone 的視窗大小。
- 在表格上方的篩選欄位中,輸入 CSS 色彩名稱的片段。搜尋不區分大小寫並支援名稱片段比對,因此輸入「rebecc」會帶出 rebeccapurple,而輸入「MEDI」也能輕鬆帶出 mediumspringgreen 與 mediumvioletred。
- 若要以精確十六進位數值篩選,請輸入井字號開頭的完整六位數代碼,例如 #ff6b35。色表對於任何以 # 開頭的搜尋採用精確十六進位比對,因此部分十六進位不會意外比對到相近的色調。
- 若要以精確的 rgb(...) 字串篩選,請貼上完整運算式,例如 rgb(255, 107, 53)。色表將其視為精確比對,因此較短的數字片段不會意外比對到無關的通道數值。
- 檢視符合的列,確認關鍵字、色票、小寫十六進位數值與 rgb 三元組都與你預期的顏色一致。
- 點選十六進位數值一次即可複製。色表會請求寫入剪貼簿,並且只有在 Safari 處理完成該請求後才會回報成功。若剪貼簿權限遭拒,你仍可透過長按手動選取可見的十六進位文字。
- 清除篩選欄位即可還原完整的 148 列。搜尋結果會保留規格順序,因此清除篩選不會重新排序或合併項目。
- 將複製的十六進位數值交給專門的 RGB 轉 CMYK 轉換器 以取得印刷百分比。HTML 色彩名稱色表僅作為參考,並非轉換工具,因此請用它取得錨點數值,再進行轉換。
正確解讀 HEX、RGB 與別名列
在 iPhone 上常見的混淆來源,是將兩個別名列誤認為是重複資料的錯誤。HTML 色彩名稱色表將 aqua 與 cyan 顯示為不同列,但兩者皆解析為 #00ffff;fuchsia 與 magenta 同樣顯示為不同列,皆解析為 #ff00ff。這是刻意的設計:每種拼法都是有效的 CSS 識別符,色表將其保留,以便舊有樣式表仍可稽核。當你在 iPhone 上稽核品牌樣式表,看到兩個十六進位數值相同的列時,應將其視為該拼法是有意設計的確認依據,而不是資料錯誤。同樣的邏輯也適用於美式與英式的 gray 拼法。若你想將兩種拼法對應到同一個印刷工作,任選一種拼法、複製其十六進位數值,再轉成 CMYK;無論你選擇哪種拼法,結果都會完全相同。同時請注意,所有列出的顏色皆在 sRGB 色彩空間中解析。這些名稱是歷史性的識別符,並非視覺上均勻的調色盤,因此相鄰的關鍵字看起來可能驚人地相似,且部分名稱並未一致地描述相對亮度。請將此表格視為一份穩定的識別符清單,而非策劃過的美學調色盤。若你想要一份策劃過的調色盤作為印刷專案的起點,請參閱 以 HTML 具名色彩解說 CMYK 色表 指南,其中有完整的逐步示範。
從 HTML 名稱到 CMYK 印刷數值
一旦你從 HTML 色彩名稱色表複製了十六進位數值,CMYK 轉換步驟雖然機械化,但絕對不該在心算中完成。在 iPhone 上,最乾淨的做法是切換到可在 Safari 中執行的專屬 RGB 轉 CMYK 轉換器。將十六進位數值貼入該工具,讀取轉出的 CMYK 百分比,並將其與關鍵字及十六進位數值一併記錄在印刷檔案中。這種兩步驟工作流程——以標準化的 sRGB 名稱作為錨點,再於專注的工具中進行轉換——有一項明確的好處:錨點數值可供稽核。日後若有人詢問「這個 CMYK 數值從哪來的?」,你可以指引他們回到該具名色彩列、W3C CSS Color 4 規格,或 MDN 具名色彩參考資料,而不是一張開啟 True Tone 的螢幕截圖。若你要進行批次作業,可先複製多組十六進位數值,再一起送入轉換器。HTML 色彩名稱色表絕不會將搜尋或複製的數值傳送到伺服器,因此這些數值會一直保留在你的裝置上,直到你將它們貼到其他地方。若想要無需註冊的完整流程教學,免費、無需註冊的 CMYK 色表 指南與本色表搭配使用效果極佳。
何時不該使用具名色彩色表
HTML 色彩名稱色表是 148 個標準化識別符的參考資料,因此它並非對比檢查工具、調色盤產生器、漸層建構工具或影像取樣工具。在進行無障礙決策時,單一色彩名稱並不充分,因為對比取決於前景與背景的配對、文字大小、粗細以及適用的指引,因此這類任務請使用專屬的對比檢查工具。針對漸層、調色盤產生、影像取樣,或舊有的 216 色網頁安全色立方體,請使用對應的專屬工具,而非將本參考色表當作產生器使用。至於 CMYK 轉換本身,請勿以肉眼從色票判讀百分比,因為螢幕採用 sRGB,無法呈現油墨印在紙上的實際效果。請使用具名色彩色表敲定精確的十六進位數值,再將該十六進位數值送入正式的 RGB 轉 CMYK 轉換器以進行印刷工作。