how to find complementary colors in indesign
如何在 InDesign 中找出互補色

在排版工具中「互補色」真正的含義

六位數十六進位色彩的 8 位元數位 RGB 互補色,是指將每個色通道分別以其當前值去減 255 後所得的色彩,產生一種由位元組決定的反向結果,例如紅色 #ff0000 會變成青色 #00ffff,綠色會變成洋紅,藍色會變成黃色,而黑色與白色則會互換位置。這一句話就能回答「如何在 InDesign 中找出互補色」這個字面上的搜尋問題,滿足那些願意接受螢幕空間中、由數學定義的對應色,並能直接貼進 Adobe InDesign 色票面板中的讀者;這也是 互補色搜尋工具 所實作的同一個定義。實際上搜尋同一個詞的設計師,想要的可能是幾種不同的東西:有人想要一個快速的數位反向色來做實驗,有人想要一個基於色相的協調色作為品牌配色,也有人想要的是一個已經在 InDesign 中取樣的 CMYK 建構的、可直接用於生產的對比色。這些目標各自需要不同的「互補」定義,而 Adobe InDesign 本身並不像 Illustrator 那樣內建一鍵「互補」指令。了解哪個定義符合你的任務是第一步;選擇合適的工具則是第二步。

用白話解釋數位 RGB 互補公式

按位元組處理的 RGB 互補,是常見定義中最簡單的一種,因為它只是對三個整數做一個封閉形式的算術運算。以一個六位數的十六進位代碼 #ff6b35 為例,將它拆成三對:ff6b35。將每一對各自轉換成介於 0 到 255 之間的十進位整數——也就是 255、107、53——然後分別用 255 去減。

為了讓結果可以完全用手算重現,下面把算式寫出來:

  • 紅色通道:255 − 255 = 0,以兩位數十六進位表示即為 00
  • 綠色通道:255 − 107 = 148,以兩位數十六進位表示即為 94
  • 藍色通道:255 − 53 = 202,以兩位數十六進位表示即為 ca

依序組合起來,#ff6b35 的數位互補色就是 #0094ca,一個深藍綠色,在一般的 RGB 色輪中幾乎正好位於原色珊瑚橘的對面。同樣這三步流程適用於工具接受的所有合法十六進位值,這也是 CSS 色彩值所記載的標準 sRGB 整數編碼方式(W3C — CSS Color 4 sRGB)。

如何在瀏覽器中取得 RGB 互補色

從一個已知的十六進位值,到一個可重現的 RGB 互補色,最快的途徑就是使用一個瀏覽器工具,讓它接收恰好六位十六進位數字、反轉每個通道,並把來源色票、反向色票與數值通道並列顯示。當你需要的是一個可以用公式而非目測來佐證的答案時,請使用互補色搜尋工具。

  1. 在輸入欄位中輸入一個六位數的十六進位色彩代碼,可加可不加前綴 #。此工具接受大小寫字母或數字,並會將輸出統一規範為小寫;它不接受像 #f00 這類的簡寫,也不接受像「tomato」這類的具名色彩。
  2. 選擇 尋找 RGB 互補色 動作。工具會解析輸入內容,以公式 255 − channel 反轉每個 8 位元通道,並在頁面上同時呈現原始色票與結果色票。
  3. 複製顯示出來的十六進位值或十進位 RGB 通道。十六進位字串是帶進 InDesign 最實用的單一字串;RGB 三元組則在你打算經由色彩選擇器往返、或把數值貼進指令碼時特別有用。
  4. 請記下你剛剛使用的定義。這個結果特別是一種按位元組處理的 sRGB 反向;HSL 色相旋轉、CMYK 對比色,或感知上的互補色,從同一個起始十六進位值出發可能會回傳不同的色彩,而這個差異會一路跟著你進入 InDesign 的色票面板。

把結果帶進 Adobe InDesign

InDesign 並沒有內建一鍵互補指令,但它能透過標準的新增色票對話框,接受任意十六進位與 RGB 值。下列工作流程能在不離開排版應用程式的情況下,把從瀏覽器算出的反向色帶入你正在使用的文件中。

  1. 在 InDesign 中,開啟 視窗 → 色彩 → 色票(或按 F5),以顯示目前文件所使用的色票面板。
  2. 從色票面板選單中選擇 新增色票。在對話框中,將色彩模式設為 RGB,讓螢幕上的定義與瀏覽器工具所產生的結果一致;如果你的文件使用不同的工作色域空間,InDesign 會在後續進行轉換,但一開始就使用 RGB 可以避免你所輸入的通道值被意外裁切。
  3. 將瀏覽器工具所得到的六位小寫十六進位值輸入到十六進位欄位,或在 RGB 欄位中輸入三個十進位 RGB 整數。兩種方式會產生相同的位元組反向結果。
  4. 按一下 新增,再按 完成。新的色票便會出現在文件的色票面板中,並可透過標準的填色與外框控制套用至任何物件、線段或文字。
  5. 如果這個排版是要進入印刷工作流程,請在切換到 檢視 → 校樣色彩 之後,或在指定了 CMYK 文件描述檔之後,重新檢視這個色票,因為數位 RGB 反向色在以印刷色域呈現時可能會出現明顯的偏移。對於以 CMYK 為主的專案,採用專門的 InDesign 內 RGB 轉 CMYK 工作流程 是更可靠的做法。

在色票就定位後,請儲存文件。InDesign 會將具名色票與檔案一起儲存,所以你在瀏覽器中算出的位元組反向色會成為這個排版檔案的永久部分,在你日後重新開啟文件時仍會出現。

當位元組反向與其他互補方法產生差異時

「互補」在色彩工作中是一個擁有好幾種合理解釋的詞;同一個起始十六進位值,會因為你選擇的定義不同,而產生視覺上明顯不同的對比色。下表整理了常見的定義,以及它們各自與按位元組處理的 sRGB 反向之間的關係。

定義互補色的計算方式是否與位元組 RGB 反向一致?典型用途
sRGB 位元組反轉用 255 分別減去每個 8 位元通道是——這正是本工具所計算的結果快速反向配色、螢幕設計、CSS 實驗
HSL 色相旋轉將色相加 180°,L 與 S 保持不變否——結果可能不同,尤其在低彩度時基於 HSL 的品牌系統中的視覺協調
減法混色在紙或畫布上混合顏料否——遵循實體混色規則傳統插畫、廣告顏料、水彩
CMYK 對比色依據目標描述檔交換分色版否——結果取決於印刷描述檔與油墨組使用具名 CMYK 建構的印刷生產
感知上的對比在 CIELAB 中找出視覺上的對比色否——這是經校正的色度學,而非位元組品牌決策、無障礙審查、設計系統

MDN 上關於 CSS rgb() 函式的參考文件,描述了本工具所使用的同一種整數通道模型,這也是位元組反向能乾淨地對應到任何 CSS 色彩值的原因(MDN — CSS rgb())。相較之下,HSL 色相互補是在圓柱形色彩空間中進行旋轉,保留明度與彩度不變,因此常常產生讀起來像是「對比」、但與位元組反向完全不同的結果——舉例來說,一個低調的橄欖色,其 HSL 互補色可能幾乎與自身相同,而它的 RGB 反向卻會是一個接近白色的淺色。

InDesign 文件中的實際應用情境與限制

按位元組處理的數位互補色,對於許多日常 InDesign 工作來說是一個實用的起點:例如建立一個快速的雙色資料視覺版面、勾勒一張需要一個平靜背景來襯托亮色重點的海報、在客戶審稿期間產生臨時性的配對組合,或是用高反差的反向色來壓力測試一組圖示。這些任務都不需要經過校正的色彩空間,而公式本身的速度正是它的價值之一。本工具會在你正在使用的同一個瀏覽器工作階段中回傳答案,讓你能直接將結果貼進新增色票對話框,因此從構思到實際套用色彩,只需要幾次點擊。

它的限制在於反向色一旦離開螢幕之後的表現。本工具並不保證無障礙性——一個飽和背景色的數位反向色,仍然可能無法通過 WCAG 文字對比的要求,因此任何由互補色所構成的文字與背景配對,在出版前都應該用專門的對比工具進行檢查。這個反向色預設上也不一定符合品牌調性:一個珊瑚橘的品牌標誌與它的藍綠色互補色,即使數學上沒問題,也可能會與既有的配色產生衝突。請把這個結果視為一個候選,而不是已經定案的決定,並在實際的 InDesign 排版中、以它最終要呈現的尺寸與材質上來評估它。

最後,請記住這個公式具有決定性且僅限於本地。工具所產生的每一個答案,都可以從同一個六位數輸入手動重現,不會發出任何網路請求,也沒有任何色彩資料會離開瀏覽器。正是這個特性,讓位元組反向色成為一個可靠的「第一猜測」,你可以直接帶進 InDesign 的新增色票對話框,再從那裡做進一步調整。對於印刷生產、廣色域色彩、需要色彩管理的素材、感知性調色盤設計,或無障礙相關決策,這個反向色應該搭配一個合適的具名色彩空間與量測方法,而不是被當成通用的互補色。

想進一步了解,請參閱 從十六進位代碼在 Photoshop 中找出互補色