補色尋找工具
找出六位數十六進位色彩的精確 8 位元數字 RGB 倒數,並顯示兩種色板與各頻道值。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.輸入六位數的十六進位顏色,或使用顏色輸入選取一個顏色。
- 2.選取 Find RGB 補色,以反轉每個 8 位元的色彩通道。
- 3.複製或使用顯示的十六進位/RGB 結果,請記住其他色彩模型對補色的定義方式不同。
關於補色尋找工具
補色尋找工具計算出一個嚴格定義的數位 RGB 補色,適用於六位數的十六進位色彩。輸入或選擇一個色彩,工具會顯示原始色塊、反轉色塊、標準化十六進位以及十進位 RGB 值。
此演算法將每個傳統 sRGB 頻道視為從 0 到 255 的整數,並用 255 減去其值取代。紅色 #ff0000 變為青色 #00ffff;綠色變為洋紅;藍色變為黃色;黑色與白色交換。八個獨立的範例涵蓋邊界、主色、中點非對稱以及混合十六進位數字。
此結果為精確的位元組層級數位反轉。補色一詞還有其他正確的定義:HSL 補色會將色調旋轉 180 度,並保留亮度與飽和度;傳統油漆使用減法混合;印刷則使用 CMYK 的行為;視覺空間則尋求視覺上的對立,而非位元組反轉。這些方法可能產生不同的顏色。
工具會在頁面上說明其 RGB 定義,讓使用者能重複每個結果。它接受恰好六位數的十六進位數字,並允許選擇性前導 #,輸出標準化為小寫,拒絕縮寫與名稱色彩,驗證整數頻道,且不進行任何網路請求或資料格式轉換。
用於 CSS 結果實驗、快速反轉色板、圖示、資料視覺化,或測試高階組合。反轉結果並非自動可讀、和諧、易用或符合品牌需求。請使用對比檢查器檢查文字/背景組合,並在實際介面情境中評估色板。
不會上傳或儲存任何顏色值。對於印刷生產、廣色域顏色、色彩管理資產、視覺調色設計或可訪問性決策,應使用適當的命名顏色空間與測量方式,而非將數位反轉視為普遍適用的補色。
方法與來源
需要一個六位數的十六進位 sRGB 色碼,將其解析為 0 到 255 的整數紅、綠、藍色彩通道,計算 255 減去每個通道的值,將所有通道轉換為兩個小寫的十六進位數字,顯示輸入與結果的色塊以及十進位色彩通道,並明確將結果限定為數位 RGB 的反轉,而非 HSL、塗料、印刷或知覺補色。
常見問題
- 使用的是什麼公式?
- 每個 8 位元的色彩通道會變成 255 減去其原來的值。
- 這和旋轉 HSL 色調 180 度是否一樣?
- 不一樣。這是一種位元組層級的 RGB 反轉,可能與 HSL 色調補色結果不同。
- 補色能保證可訪問的對比嗎?
- 不能。請使用對比檢查工具實際測試前景與背景的對比。
- 有上傳顏色嗎?
- 沒有。解析、反轉與顯示皆在瀏覽器中執行,不會上傳或儲存任何資料。
相關工具
- 色彩對比檢查器即時檢查任意文字色彩與背景色彩組合是否符合 WCAG AA 與 AAA 對比規則。
- 色彩混合器將任意兩種顏色混合,並讀取結果的精確十六進位碼與 RGB 值——兩者之間會呈現即時漸層效果。
- 隨機色彩生成器立即產生隨機 HEX、RGB 與 HSL 色彩。點選任意色塊即可複製——無需註冊。
- 色彩調色盤生成器選擇一個基底色彩,即可獲得相應的調色盤——補色、鄰近色、三色、以及其他搭配。
- CMYK 轉為 RGB預覽未校準的 CMYK 百分比,作為大約的螢幕 RGB 顏色與十六進位值。
- 色彩差異計算器比較兩種不透明的 HEX 色彩,並以基於標準的 CIEDE2000 值進行分析,檢視每一個 D50 CIELAB 坐標。
色彩工具 使用指南
查看全部- Complementary Color Finder Chart: A Digital RGB Reference (英文原文)
- Complementary Color Finder Alternative: RGB Inverse (英文原文)
- Complementary Color Finder and Accessibility Contrast (英文原文)
- Find a Complementary Color in Photoshop From a Hex Code (英文原文)
- Find Complementary Colors in InDesign From a Hex Code (英文原文)
- Complementary Colors for Illustrator: A Browser Workflow (英文原文)
- Find a Digital Complement for a Skin-Tone Hex Color (英文原文)
- How to Find Complementary Colors From a Hex Code (英文原文)
- How to Find the Complementary Color in RGB (英文原文)
- Find the Complementary Color in Photoshop Fast (英文原文)
- Find the Complementary Color in Illustrator Fast (英文原文)
- How to Find a Complementary Color for Any Hex Code (英文原文)
- Color Palette Generator on Android: A Browser Guide (英文原文)
- Choosing the Right Approach to Mix Two HEX Colors (英文原文)
- Gradient Generator Explained: How the CSS Gets Built (英文原文)
- Color Contrast Checker Free, No Sign Up (英文原文)
- Web Safe Colors Explained: The 216-Cube Formula (英文原文)
- How to Choose the Right Approach to Generate an SVG Pattern (英文原文)
- How to Compare Approaches to Generate an SVG Blob (英文原文)
- Is an RGB to HSV Converter Safe to Use Online? (英文原文)