數位 RGB 互補色就是將每個 sRGB 通道從 255 減去後所得到的十六進位顏色,而在 Android 上你不需要專門的選色工具 App 就能計算它。互補色尋找工具完全在 Chrome、Edge、Firefox 或任何現代行動瀏覽器中執行,因此你可以貼上或挑選一組六位數的十六進位色碼,立即查看反向色樣、標準化的十六進位結果,以及十進位的紅綠藍通道值。由於所有解析、反向運算與繪製都在瀏覽器分頁中本機完成,無論是 Pixel、Samsung Galaxy 或其他任何 Android 手機,頁面的運作方式都完全相同,無需從 Google Play 下載任何東西、不會跳出授權請求、不需要帳號,而且在頁面載入完成後也不會發出任何網路請求。輸出結果是決定性的逐位元組反向運算:紅色 #ff0000 一律變成青色 #00ffff,綠色 #00ff00 一律變成洋紅色 #ff00ff,藍色 #0000ff 一律變成黃色 #ffff00,而黑色 #000000 一律與白色 #ffffff 互換。這個定義範圍明確而嚴格——它就是數位 RGB 互補色,而非某些調色盤 App 使用的 HSL 色相旋轉 180 度互補色,也不是減法混色的互補色,更不是為了視覺和諧或品牌識別而設計的感知配對。

complementary color finder on android
Android 上的互補色尋找工具:無需安裝 App

此工具在 Android 上的功能

互補色尋找工具是個專注單一功能的網頁,它只做一件事:將六位數的十六進位顏色反轉,方法是將每個 sRGB 通道視為 0 到 255 之間的整數,再用 255 減去該值。在 Android 手機上,你只要在任何瀏覽器中開啟此頁面,輸入像 #336699 這樣的十六進位色碼,或使用內建的色彩輸入介面從色盤中挑選,頁面就會立即在來源色旁顯示反向色,再加上標準化為小寫的十六進位色碼與十進位的 RGB 通道值。根據 W3C CSS 顏色規範,sRGB 通道是範圍 0–255 的 8 位元整數,這正好與本工具的假設相符,因此其結果會與你 CSS 程式碼所預期的數值一致。

由於這個計算工具並不依賴 Android 原生的選色 API 或任何第三方函式庫,因此在 Chrome、Samsung Internet、Firefox、Brave、Opera 與 DuckDuckGo 上的行為都完全相同。不需要從 Play Store 安裝任何東西、不必建立帳號、不進行色彩描述檔轉換,也不會將你的顏色數值上傳到伺服器——解析、計算與顯示全部都在瀏覽器分頁內執行。如果手機在初次載入頁面後處於離線狀態,本工具依然可以使用,這在你在火車上、飛機上或任何收訊不穩的地方構思配色時特別方便。

如何在 Android 上尋找互補色

  1. 在你的 Android 手機上開啟 Chrome(或任何現代瀏覽器),並前往互補色尋找工具。
  2. 在輸入欄位中輸入六位數的十六進位色碼,或點選色彩輸入欄位以使用系統選色器;前導的 # 可省略,本工具會將輸出標準化為小寫。
  3. 點選「尋找 RGB 互補色」。頁面會立即重新計算 255 減去每個通道的結果,並將反向的十六進位色碼與十進位 RGB 數值連同色樣一起顯示出來。
  4. 複製或使用顯示出來的十六進位或 RGB 結果,並將其貼到 CSS、網頁版 Figma、筆記 App 或其他裝置上的設計工具中。
  5. 針對任何其他你想反轉的十六進位色碼重複上述步驟。

如果你輸入的內容並非本工具所接受——例如像 #f00 這樣的三位數縮寫、像「tomato」這樣的具名顏色,或非十六進位的字元——計算工具會拒絕縮寫與具名顏色,並驗證每個通道是否為整數。

快速參考:常見的十六進位配對

下表列出幾組六位數十六進位輸入值,以及本工具所回傳的確切數位 RGB 反向結果。每一列都是純粹的逐位元組反轉,你可以用 255 減去每一對數字來驗證(例如,最後一列的 255 − 51 = cc、255 − 102 = 99、255 − 153 = 66)。

輸入十六進位通道值(R, G, B)數位 RGB 互補色
#ff0000255, 0, 0#00ffff
#00ff000, 255, 0#ff00ff
#0000ff0, 0, 255#ffff00
#0000000, 0, 0#ffffff
#ffffff255, 255, 255#000000
#33669951, 102, 153#cc9966

如需涵蓋更多原色、間色與中間色灰階的配對十六進位數值對照表,請參考 互補色尋找工具對照表指南,其中將數十組輸入與反向結果彙整在同一處。

數位反向 vs 其他互補色的定義

「互補」一詞在色彩領域中有多種合理的含義,而那些標榜為「互補色尋找工具」的 Android App 並非全都採用相同的公式。本工具所使用的逐位元組 RGB 反向是所有選項中最機械化的方式:它忽略色相、飽和度、亮度與人類感知,並永遠產生任何六位數十六進位色碼精確的數位對比色。這使得它具備決定性且可重現——對同一組十六進位色碼執行兩次,結果必然相同——但可能會讓預期結果看起來更「自然」的使用者感到意外。

相較之下,HSL 互補色則是將色相旋轉 180 度,同時保持亮度與飽和度不變。像 #336699 這種顏色的色相接近 210°,因此其 HSL 互補色會落在 30° 附近,也就是溫暖的橘色,而非 RGB 反向所得到的褐黃色 #cc9966。傳統的顏料調色則會產生另一種結果,因為減法混色的顏料是依據混合規則而非位元組算術來組合的。印刷使用的是 CMYK 行為,這取決於墨水密度與紙張。像 CIELAB 或 Oklch 這類感知色彩空間則試圖找出視覺上的對比色,結果往往與 HSL 旋轉和 RGB 反向皆不相同。互補色尋找工具明確聲明其結果為數位 RGB 反向,因此使用者隨時都能清楚知道自己所取得的是哪一種定義。

在 Android 裝置上的實際用途

由於這個頁面在行動瀏覽器中執行,你可以直接在手機上用於多項日常任務,無需切換到其他裝置。設計師在為 UI 雛形快速構思雙色配色時,可以將品牌十六進位色碼貼入本工具,輕點一下即可取得反向色,接著將兩個值放進 CSS 程式碼片段或 Figma 的畫框中。前端開發人員在實際裝置上測試顏色組合時,可以在正式發布前驗證反向配對在實際像素密度下的呈現效果。資料視覺化的作者可以透過反轉一組少量的十六進位色碼來建立簡單的類別配色,並確認相鄰色樣仍然易於區分。圖示與貼圖設計師則能藉由反轉填色並將結果用於做為外框,來試驗高對比度的描邊效果。

至於更廣泛的配色工作——例如類似色、三等分、分散互補或四等分的配色方案——配色產生器會更為合適,因為它能一次計算多種和諧規則。當你明確需要的就是逐位元組的反向色時,互補色尋找工具才是正確的選擇。

限制與無障礙檢查

反向色並不會自動具備可讀性、和諧感、無障礙性或品牌適切性。每個通道相加為 #ffffff 的兩個十六進位數值,理論上達到最大的數位對比度,看似適合用於文字與背景的配對,但像 #336699 與 #cc9966 這類中間色調的反向組合都是低亮度顏色,可能無法通過 WCAG 針對內文的對比度門檻。請將數位反向視為一個起點,然後在發布任何依賴可讀性的 UI 之前,使用專門的對比度工具檢查實際的前景/背景配對。

另外還有兩個值得注意的界線。首先,本工具僅接受恰好六位數的十六進位數字(可有可無的前導 #),會拒絕像 #abc 這類的縮寫,也不接受具名顏色——因此你無法輸入「tomato」並期待它反轉;你必須先把具名顏色轉換為十六進位色碼。其次,其結果僅限於 0–255 位元組範圍的傳統 sRGB,因此並未納入廣色域、ICC 描述檔或感知調整;若用於印刷製作或需要色彩管理的資產,請採用 CMYK 或感知工作流程,而非將數位反向視為通用的互補色。

如需更深入的探討,請參考 Android 上的隨機顏色產生器:跳過 App 安裝。