一個六位數十六進位色彩的數位 RGB 互補色，就是把每個 8 位元 sRGB 通道從 255 減去，再把結果重新序列化為小寫兩位數十六進位位元組後所得到的值。在 Mac 上，單一色彩用手算這個公式已經夠快，但一旦你需要一打以上的反向配對時，過程就會變得重複。這正是為什麼基於瀏覽器的互補色彩尋找工具能一次完成解析、反轉與顯示。你可以從像 #ff0000 這樣的十六進位值開始，套用公式，工具就會回傳 #00ffff(青色)，同時顯示原始色塊、反向色塊，以及十進位通道值。所有運算都在 Safari、Chrome、Firefox 或任何現代 macOS 瀏覽器中本地執行——不需上傳、不需帳號、不做色彩描述檔轉換，而且不接受簡寫十六進位或具名色彩作為輸入。
數位 RGB 互補色究竟是什麼
這個工具執行的是單一且定義明確的操作:對以六個十六進位數字表示的 sRGB 色彩進行逐位元組反轉。根據 W3C CSS Color 4 規範，sRGB 色彩由三個獨立的 8 位元通道——紅、綠、藍——組成，每個通道儲存一個從 0 到 255 的整數(參見W3C — CSS Color 4 sRGB與MDN — CSS rgb())。互補色就是把每個通道替換成 255 減去其目前值，再把這三個新通道各寫成兩個小寫十六進位數字後所得到的色彩。
這個公式簡單到可以示範一次。以原始十六進位值#4a7c2f為例:
- 紅色通道:0x4a = 74。互補:255 - 74 = 181 = 0xb5。
- 綠色通道:0x7c = 124。互補:255 - 124 = 131 = 0x83。
- 藍色通道:0x2f = 47。互補:255 - 47 = 208 = 0xd0。
依序讀取這三個新位元組，就會得到#b583d0，也就是 #4a7c2f 的數位 RGB 互補色。把原始值貼到互補色彩尋找工具中，頁面會顯示同一組原始色塊、反向色塊、標準化的小寫十六進位值，以及十進位通道(181, 131, 208)，讓你可以用肉眼驗算這個數學。
這個工具的契約明確涵蓋邊界情況，以確保結果永遠可重現:紅色 #ff0000 反轉為青色 #00ffff，綠色反轉為洋紅，藍色反轉為黃色，黑色與白色則互相交換。帶有非零通道的混合數字會產生較為柔和、常帶薰衣草或橄欖色調的反轉結果，而不是鮮明的對比色——這類配對常出現在 CSS 實驗與快速的色票模擬中。如需更多已算好的配對範例，請參見互補色彩尋找工具範例:常見十六進位配對。
如何在 Mac 上使用互補色彩尋找工具
整個工作流程可在 macOS Ventura、Sonoma 或 Sequoia 上的任何現代瀏覽器中執行。不需安裝程式、不需擴充套件、不需更改系統偏好設定。具體的三個步驟如下:
- 輸入一個六位數十六進位色彩，或用色彩選擇器挑選一個。這個工具只接受剛好六個十六進位數字，可選擇性地加上前導 #。像 #abc 這類簡寫，以及像 rebeccapurple 這類 CSS 具名色彩會被拒絕，因此若有需要，請先使用十六進位轉 RGB 轉換器進行轉換。
- 選擇「尋找 RGB 互補色」以反轉每個 8 位元通道。頁面會把輸入解析成三個整數通道，對每個通道套用 255 相減規則，把三個新通道重新序列化為小寫十六進位，然後更新兩個色塊。
- 複製或使用顯示出來的十六進位/RGB 結果，但請記得其他色彩模型對互補色的定義並不相同。輸出嚴格限定於數位 RGB 反轉。在 CSS、設計標記或任何使用位元組層級通道的實驗中，請把顯示的十六進位值視為唯一真實來源。
因為這個頁面不會發送任何網路請求或進行描述檔轉換，所以色彩值永遠不會離開瀏覽器分頁。這讓這個工作流程適用於尚未公開的品牌色彩、內部色票草稿，以及任何你不想上傳到第三方服務的敏感客戶資料。
從 macOS 取得十六進位代碼
大多數 Mac 使用者會先在螢幕上某處找到原始十六進位值，再去查找其互補色。作業系統內建兩種可靠的方式，可以從桌面上的任何位置讀取六位數十六進位值。
DigitalColor Meter隱藏在應用程式 → 工具程式 → DigitalColor Meter中，可以取樣任何像素，並以多種格式顯示其數值。打開應用程式，選擇檢視 → 顯示值 → 以十六進位顯示，計量器就會複製你需要的格式。十六進位讀數永遠是六位數，正好符合互補色彩尋找工具所要求的輸入格式，因此你可以直接貼上，無需重新格式化。將滑鼠停留在任何開啟的設計應用程式、螢幕擷取畫面或網頁上的色塊上，計量器都會即時更新。
系統色彩選擇器幾乎存在於每個原生 Mac 應用程式中。在 Pages、Keynote、TextEdit 以及大多數設計工具中，點擊工具列中的色塊，然後選擇顯示顏色，或按下Cmd + Shift + C。在跳出的視窗中，把選擇器切換到RGB 滑桿，然後從Hex 色彩 #欄位讀取值。Mac 色彩選擇器也提供放大鏡吸管工具，讓你可以從任何開啟的視窗拖曳到某個色彩上，複製所產生的十六進位值。Preview 的標記工具列也包含同樣的選擇器，可用於螢幕擷取畫面與 PDF。
一旦六位數十六進位值進入剪貼簿，切換到執行互補色彩尋找工具的瀏覽器分頁，把它貼到輸入欄位中，然後執行反轉。在 M 系列 Mac 上，整個循環——取樣、貼上、反轉、複製——通常一分鐘內即可完成，沒有旋轉的彩虹球，也無需額外管理視窗。
RGB 反轉與其他互補色定義的比較
在設計工具中，「互補」這個詞至少有三種以上的工作定義，而它們彼此之間不見得一致。RGB 反轉是其中之一，也是本工具所採用的實作方式，但了解其他定義仍值得，才能為工作挑選正確的方法。
| 定義 | 互補色的計算方式 | 典型使用情境 |
|---|---|---|
| 數位 RGB 反轉 | 每個 8 位元 sRGB 通道以 255 減去其值來取代。 | CSS 實驗、位元組層級的色票模擬、測試反向配對數學。 |
| HSL 色相反轉 | 色相在色相環上旋轉 180 度，同時保持亮度與飽和度不變。 | 設計應用程式中色彩選擇器的「互補」色塊，以及視覺平衡的配對。 |
| 傳統顏料互補色 | 使用藝術家色環上對應位置的顏料進行減法混色。 | 實體繪畫、廣告顏料、水彩、傳統插畫。 |
| 印刷 / CMYK 互補色 | 依據青色、洋紅、黃色與黑色的油墨在印刷上的行為推導。 | 印刷生產、包裝、四色印刷。 |
| 感知對比 | 在 CIELAB 或類似色彩空間中選擇視覺上看起來對比最大的色彩。 | 無障礙對比、色盲安全色票、感知式 UI 設計。 |
對同一個原始色彩來說，這五種方法可能產生五種不同的互補色。互補色彩尋找工具會在頁面上標明其 RGB 定義，讓每個答案都可重現;如果你真正在意的是背景上的文字可讀性，那麼對比檢查工具才是合適的後續工具。
檢查配對的可讀對比
反向配對並不會自動具有可讀性。兩種位於 sRGB 色域立方體對角的色彩，如果它們的明度值過於接近、其中一個較為柔和，或是該配對用於小號內文時，仍然可能無法通過無障礙門檻。正確的下一步，是把原始色與互補色貼到色彩對比檢查工具中，在把這組配對放進樣式表之前，對照 AA(內文為 4.5:1)與 AAA(7:1)目標讀取 WCAG 比率。
對於 UI 工作——按鈕、連結、徽章、圖示——先用互補色彩尋找工具反轉一次通道值，再把這組配對送進對比檢查工具，以及任何你信任的其他配對工具中檢驗。RGB 反轉是起點，不是最終核准。這個尋找工具只負責位元組層級的數學;可讀性、和諧度與品牌契合度，仍是需要在實際使用色彩的介面情境中另行決定的問題。
延伸閱讀:在 Mac 上使用瀏覽器的隨機色彩產生器。