Mac 上的 CMYK 色表同時存在於兩個地方:以青、洋紅、黃、黑色百分比溝通的印刷管線,以及每個 Mac 瀏覽器實際渲染所使用的 sRGB 顯示管線。macOS 並非以 CMYK 繪製像素,因此任何螢幕上的參考資料實際上都是 RGB 或 HEX 的近似值,你之後再將其轉換為印刷用的油墨百分比。在 Mac 上建立個人 CMYK 參考資料最乾淨的方式,是從標準化的 CSS 命名色彩著手,其中每個關鍵字都有精確的 sRGB 值,然後再依當下專案需求將該值轉換為 CMYK。HTML Color Names Chart 在一個可搜尋的表格中收錄全部 148 個不透明的 CSS 關鍵字,並附上精確的 HEX 與 RGB 值,讓你可以挑選色票、複製其 HEX,然後交給轉換工具處理。由於該色表完全在瀏覽器中運作,因此在 Safari、Chrome、Firefox 或 Arc 上的表現完全一致,無需安裝,也不需要伺服器往返通訊。

cmyk color chart on mac
Mac 上的 CMYK 色表:從螢幕到印刷

為什麼 CMYK 與 macOS 在螢幕上無法完全對接

Mac 內建了功能出奇完善的色彩工具,但只要內容送達螢幕,這些工具全都身處 sRGB 的世界。理解這一點能避免你誤以為從 Mac 上讀到的數值已經可以直接用於印刷。

內建的數位測色計(Digital Color Meter)工具位於「應用程式 → 工具程式」,可對顯示器上的任何像素進行取樣,並以紅、綠、藍的百分比回報結果。它也能以十六進位字串顯示數值,而這正是 CSS 使用的格式。它無法顯示 CMYK,因為顯示器本身並不產生 CMYK 光線。

在大多數 macOS 應用程式中,全域的「顏色」視窗會顯示 RGB、HSB(色相、飽和度、亮度)以及灰階的滑桿。部分具有印刷意識的應用程式也會提供 CMYK 滑桿,但這些滑桿仍屬於創作工具,並不會告訴你在經過校色的印刷機上肉眼會看到什麼。Apple 自身的說明文件指出,你在「顏色」視窗中挑選的色彩會依據文件和顯示器的色彩描述檔,在內部進行轉換。

實際上的結果是,任何你在 Mac 上建立的「CMYK 色表」都必須由螢幕數值加上轉換步驟組合而成。HTML Color Names Chart 是個很好的起點,因為它為每個標準化的 CSS 命名提供了精確的 RGB 對應,讓你確切知道自己正在轉換什麼數值。

HTML Color Names Chart 實際包含哪些內容

該色表是一個具備搜尋功能的單一表格,共 148 列,對應 CSS Color 規格中定義的每個不透明命名色彩關鍵字。每一列都會顯示 CSS 關鍵字、渲染出的色塊、小寫六位數的 HEX 值,以及十進位的 rgb(r, g, b) 值。表中沒有模糊比對、沒有調色盤產生功能,也不會轉換到其他色彩空間;它是參考資料,不是產生器。

148 這個數字是刻意設定的。它只計算具有固定 sRGB 值的不透明關鍵字。transparent 因為代表透明黑而非不透明色塊而被排除,currentColor 則因為取決於元素的運算顏色且沒有固定的獨立 HEX 也被排除。色表也將標準化的別名保留為獨立列,而非合併:aqua 與 cyan 都對應到 #00ffff,fuchsia 與 magenta 都對應到 #ff00ff。美式與英式拼法(例如 gray 與 grey)也並存,因為兩者都是有效的 CSS 識別字。

所有數值都位於 sRGB 色彩空間。這在 Mac 上很重要,因為 macOS 預設以 sRGB 顯示,你從色表中複製的任何 HEX 值都能在 Safari 中往返而不需轉換。這對印刷也很重要,因為從 sRGB 轉換到 CMYK 是一種近似,並非恆等轉換。色表並不保證顯示器能重現實體顏料,命名也不會一致地描述相對亮度:相鄰的關鍵字在螢幕上看起來可能出奇地接近。關於底層規格,請參閱 MDN 的 named-color 參考資料。

CSS 關鍵字HEXRGB
rebeccapurple#663399rgb(102, 51, 153)
cornflowerblue#6495edrgb(100, 149, 237)
tomato#ff6347rgb(255, 99, 71)
goldenrod#daa520rgb(218, 165, 32)
slategray#708090rgb(112, 128, 144)
mediumseagreen#3cb371rgb(60, 179, 113)

這六列展示了你可直接從色表取得的細節程度。每個關鍵字都會解析為單一精確的 sRGB 三元組,這是後續轉換最實用的形式,因為 CMYK 公式是對這些通道值進行運算。

如何在 Mac 上查詢 CMYK 等效值

一旦你理解 Mac 本身只會提供 sRGB 數值,在 Mac 上取得 CMYK 近似值的工作流程便化簡為兩個簡短步驟:在瀏覽器中挑選一個命名色彩,然後在專注的工具中將其 RGB 轉換為 CMYK。

  1. 在 Mac 上的 Safari、Chrome、Firefox 或 Arc 中開啟 HTML Color Names Chart。該色表完全在瀏覽器中運作,因此不需要帳號或下載。
  2. 在篩選框中輸入 CSS 關鍵字的片段,例如「rebecca」、「tom」或「sea」。搜尋不區分大小寫,且能比對名稱片段,因此部分輸入的效果與 Finder 相同。
  3. 檢視符合的列。每一列都會顯示渲染出的色塊、標準化的關鍵字、小寫的 HEX,以及十進位的 RGB 三元組。如果某個名稱具有別名,兩種拼法會以具有相同數值的獨立列顯示,讓你能確認自己想要的是哪個識別字。
  4. 點擊 HEX 值即可複製到剪貼簿。色表只會在瀏覽器確認剪貼簿寫入成功後回報成功;若 macOS 拒絕權限提示,你仍然可以手動選取 HEX 或 RGB 文字。
  5. 在新分頁中開啟 RGB to CMYK Converter,貼上 HEX;若需要保留精確的通道值,也可以貼上 rgb(...) 三元組。
  6. 讀出轉換後的 CMYK 百分比,並將其套用至你的印刷軟體色票、DTF 工作流程或印刷打樣中。

舉個具體例子,以 cornflowerblue 來說。色表回傳 #6495ed,也就是 rgb(100, 149, 237)。使用標準未校色公式 K = min(1 − R/255, 1 − G/255, 1 − B/255),以及 C、M、Y 各別為 (1 − channel/255 − K) / (1 − K),可得出 C ≈ 58%、M ≈ 37%、Y ≈ 0%、K ≈ 7%。這些百分比是未校色的近似值:精確數字取決於算繪意圖、ICC 描述檔,以及工作流程的 GCR 或 UCR 設定。

將命名 RGB 色彩轉換為印刷 CMYK

「Mac 上的 CMYK」工作流程最容易出錯的地方就在這個轉換步驟,因為這種轉換並非無損。CMYK 印刷機透過在白紙上疊加透明或半透明的油墨來重現色彩;Mac 顯示器則透過發出紅、綠、藍光來重現色彩。許多鮮豔的 RGB 色彩在 CMYK 中根本無法重現,許多 CMYK 油墨在背光顯示器上也會比對應的 HEX 明顯顯得暗淡。

一個可靠的經驗法則是:當 sRGB 值轉換到未塗佈紙張的 CMYK 時,飽和度大約會下降 10 到 20 個百分比,沿著青─橘軸的下降幅度最大。暗色、低飽和度的色彩轉換起來遠比純亮色忠實,這也是色表除了搶眼的三原色外,還收錄了許多 dimgray 風格條目的原因之一。

為了讓工作流程誠實可靠,建議以三個層次建立你的 CMYK 參考資料:

  • 參考層:HTML Color Names Chart,提供任何你想考慮的關鍵字的精確 sRGB 三元組。
  • 轉換層:專門的 RGB 轉 CMYK 工具,作用於通道值而非關鍵字本身。
  • 驗證層:校色過的螢幕軟打樣或實體印刷打樣,因為色表和轉換工具都無法預測油墨在特定紙張上的表現。

如果你想要更快的路徑,也可以使用 Mac 的數位測色計對螢幕上的任何色塊進行取樣,讀取其 HEX,然後送入同一個轉換工具。色表只是提供一個標準化、可重現的起點。

以 Mac 為基礎的 CMYK 參考資料的限制

幾個習慣能讓你在收到打樣時免於重工。

把關鍵字(而非色塊)視為資料來源。色表中的色塊是在你的瀏覽器中渲染的,在 Mac 上是 sRGB。兩個相鄰的關鍵字在螢幕上可能看起來幾乎相同,但印刷出來的 CMYK 卻明顯不同。請務必從色表中讀取 HEX,而非用數位測色計對渲染出的色塊取樣,因為測色計只能確認顯示器已經顯示的內容。

不要略過別名。由於 aqua 與 cyan 是刻意重複的,搜尋「cyan」會回傳一列指向與「aqua」相同 HEX 的資料。這是刻意設計的,但可能會讓期望每個名稱都唯一的設計師感到困惑。別名之所以存在,是因為每種拼法都是有效的 CSS 識別字,在閱讀舊式樣式表時相當實用。

命名並非無障礙等級。單看色彩名稱無法判斷它在你的背景上是否清晰易讀。針對內文,請在確認進行印刷之前,先將選定的 HEX 與其背景送入 WCAG 對比檢查工具。

色彩名稱並非感知均勻的調色盤。這份清單是歷史性的參考資料,而非科學分類。部分相鄰的名稱所描述的色彩難以區分,亮度上的跳躍幅度也大小不一。如果你需要均勻分布的調色盤,請使用調色盤產生器,而不是挑選相鄰的命名色彩。

何時該改用其他工具

HTML Color Names Chart 是參考資料,而參考資料有其明確定義的範圍。在 Mac 上至少有四種情況你應該改用具針對性的工具。

若要將特定的 HEX 轉換為油墨百分比,請使用專門的 RGB to CMYK Converter。若要檢查文字在彩色背景上的可讀性,請使用 WCAG Color Contrast Checker。若要以一個起始色彩建構平衡的調色盤,請使用 Color Palette Generator。若要將 CMYK 值預覽回近似的螢幕色彩,請使用 CMYK to RGB 工具。這些工具都無法取代色表本身的職責:在 Mac 上,以任何現代瀏覽器、不需任何設定,提供任何 CSS 命名色彩的精確標準化 RGB 對應。

若要深入了解,請參閱 RGB 轉 CMYK 範例:常見色彩與公式。

若要深入了解,請參閱 RGB 轉 HSV 色表:色輪參考與轉換。