簡化您的工作流程:搜尋 miniwebtool。
添加插件
主頁 > 雜項 > 顏色工具 > 顏色反轉器
 

顏色反轉器

使用我們免費的線上工具立即反轉顏色。支援 HEX、RGB、HSL、CMYK 格式,具備即時預覽、色輪視覺化、無障礙對比度檢查 (WCAG) 以及互補色生成功能。

顏色反轉器
快速範例:
HEX
RGB
HSL
CMYK
原始顏色
範例文字
HEX #4285F4
RGB rgb(66, 133, 244)
HSL hsl(217, 89%, 61%)
CMYK cmyk(73%, 45%, 0%, 4%)
反轉顏色
範例文字
HEX #BD7A0B
RGB rgb(189, 122, 11)
HSL hsl(37, 89%, 39%)
CMYK cmyk(0%, 35%, 94%, 26%)
無障礙對比度檢查
8.59:1
對比度
通過
WCAG AA 普通
通過
WCAG AA 大型
通過
WCAG AAA 普通
📋 轉換歷史記錄
尚未有轉換記錄。開始反轉顏色以建立您的歷史記錄。
已複製到剪貼簿!

Embed 顏色反轉器 Widget

顏色反轉器

歡迎使用顏色反轉器,這是一款專為設計師、開發人員和無障礙設計專業人士打造的強大免費線上工具。立即以 HEX、RGB、HSL 和 CMYK 格式反轉顏色,並提供即時預覽、互動式色輪視覺化以及符合 WCAG 標準的對比度檢查。無論您需要建立深色模式設計、尋找互補色,還是確保符合無障礙合規性,此工具都能提供您所需的一切。

什麼是顏色反轉?

顏色反轉透過對其 RGB 值進行數學轉換來建立顏色的負片或相反色。標準的 RGB 反轉公式是從 255 中減去每個顏色分量:

RGB 反轉公式
R' = 255 - R, G' = 255 - G, B' = 255 - B

例如,反轉純紅色(#FF0000)會產生青色(#00FFFF),而反轉白色(#FFFFFF)則會產生黑色(#000000)。這種數學關係意味著每種顏色都恰好有一個反轉對應項。

RGB 反轉 vs 互補色

此工具提供兩種反轉模式,產生的結果不同:

支援的顏色格式

HEX(十六進位)

最常見的網頁顏色格式,HEX 使用六位十六進位數字(0-9, A-F)來表示 RGB 值。格式為 #RRGGBB,其中 RR 是紅色,GG 是綠色,BB 是藍色。每對範圍從 00 (0) 到 FF (255)。

RGB(紅、綠、藍)

螢幕和顯示器使用的加法混色模型。每個分量範圍從 0 到 255,(0,0,0) 為黑色,(255,255,255) 為白色。RGB 對於理解光線混合顏色非常直觀。

HSL(色相、飽和度、亮度)

對設計師而言更直觀的顏色模型。色相是色輪上的一個角度(0-360),飽和度是顏色強度(0-100%),亮度是明暗度(0-100%)。HSL 讓建立顏色變化變得容易。

CMYK(青、洋紅、黃、黑)

印刷中使用的減法混色模型。每個分量範圍從 0-100%,代表每種油墨的含量。在準備印刷設計時,CMYK 值非常有用。

如何使用此工具

  1. 選擇輸入格式:根據您想要輸入顏色的方式,選擇偏好的顏色格式標籤(HEX、RGB、HSL 或 CMYK)。
  2. 輸入您的顏色:使用文字欄位輸入您的顏色值,或使用顏色選取器進行視覺化選取。點擊範例色塊進行快速測試。
  3. 選擇反轉模式:選擇「RGB 反轉」以獲得數學上的顏色負片(255 減去每個 RGB 值),或選擇「互補色」以獲得色輪對面的顏色(180 度色相旋轉)。
  4. 查看結果:查看即時預覽,顯示您的原始顏色及其反轉版本。色輪視覺化會顯示兩種顏色及其位置。
  5. 檢查無障礙性:查看 WCAG 對比度,確保您的顏色組合符合文字可讀性的無障礙標準。
  6. 複製顏色代碼:點擊任何顏色代碼格式(HEX、RGB、HSL、CMYK)將其複製到剪貼簿,以便在您的設計項目中使用。

瞭解 WCAG 對比度

網頁內容無障礙設計指引 (WCAG) 定義了文字可讀性的最低對比度:

WCAG AA(最低要求)

WCAG AAA(增強要求)

此工具會自動計算原始顏色與反轉顏色之間的對比度,顯示它們是否符合 WCAG AA 和 AAA 標準。這對於確保視覺障礙使用者能夠存取您的設計至關重要。

實際應用

深色模式設計

顏色反轉是深色模式介面的基礎。透過反轉淺色背景和深色文字,您可以建立具備無障礙性的深色主題。然而,純數學反轉通常需要調整以獲得舒適的觀看體驗。

無障礙性

對於低視力或色盲使用者而言,尋找高對比度的顏色組合至關重要。WCAG 對比度檢查器有助於確保您的文字對所有使用者保持可讀性。

照片編輯

反轉顏色會建立照片負片,這是一種經典的藝術效果。瞭解顏色反轉有助於影像處理和特效製作。

品牌與設計

互補色(色輪上 180 度相對的顏色)可為標誌、行銷素材和 UI 設計建立充滿活力且引人注目的組合。

印刷準備

在準備印刷設計時,在 RGB 和 CMYK 之間進行轉換至關重要。此工具顯示原始顏色和反轉顏色的 CMYK 值。

色輪與互補色

互動式色輪視覺化顯示了您的顏色在光譜中的位置。互補色在色輪上直接相對,在保持顏色和諧的同時建立最大的視覺對比。

色輪上的關鍵顏色關係:

常見問題

什麼是顏色反轉?

顏色反轉是透過從 255 中減去每個 RGB 分量來建立顏色的負片過程。例如,反轉白色(#FFFFFF,RGB 為 255,255,255)會產生黑色(#000000,RGB 為 0,0,0)。這會在 RGB 光譜上建立完全相反的顏色,對於建立高對比度設計和無障礙功能非常有用。

反轉色和互補色有什麼不同?

反轉色(RGB 反轉)是透過從 255 中減去每個 RGB 值計算出來的,建立數學上的負片。互補色則是透過在色輪上旋轉 180 度(在 HSL 中將色相值加 180)找到的。雖然兩者都能建立對比色,但互補色保持相同的飽和度和亮度,使其在設計用途上更趨於和諧。

如何檢查無障礙設計的顏色對比度?

WCAG(網頁內容無障礙設計指引)定義了無障礙設計的對比度。普通文字至少需要 4.5:1 的對比度(AA 級),而大文字則需要 3:1。為了增強無障礙性(AAA 級),普通文字需要 7:1,大文字需要 4.5:1。此工具會自動計算原始顏色與反轉顏色之間的對比度,並顯示 WCAG 合規狀態。

此工具支援哪些顏色格式?

此顏色反轉器支援四種主要的顏色格式:HEX(十六進位,如 #FF5733)、RGB(紅、綠、藍,值為 0-255)、HSL(色相 0-360、飽和度 0-100%、亮度 0-100%)和 CMYK(青、洋紅、黃、黑,0-100%)。所有格式都會自動轉換並顯示,方便複製。

為什麼我需要反轉顏色?

顏色反轉對於以下情況非常有用:建立設計的深色模式版本、為無障礙設計產生高對比度配色方案、設計照片負片和藝術效果、在背景中尋找可讀的文字顏色、建立品牌互補色調色盤,以及開發需要切換亮色/深色主題的使用者介面。

技術細節

色彩空間轉換

此工具使用標準演算法在色彩空間之間執行精確轉換。RGB 到 HSL 的轉換保留了知覺顏色關係,而 CMYK 轉換使用適用於螢幕預覽的簡化公式(專業印刷工作可能需要 ICC 色彩設定檔)。

互補色公式 (HSL)
H' = (H + 180) mod 360, S' = S, L' = L

對比度計算

WCAG 對比度是使用相對亮度值計算的:

對比度
對比度 = (L1 + 0.05) / (L2 + 0.05)

其中 L1 是較淺顏色的相對亮度,L2 是較深顏色的相對亮度。相對亮度考量了人類對不同顏色波長的感知。

其他資源

引用此內容、頁面或工具為:

"顏色反轉器" 於 https://MiniWebtool.com/zh-tw/顏色反轉器/,來自 MiniWebtool,https://MiniWebtool.com/

由 miniwebtool 團隊提供。更新日期:2026年1月7日

其他相關工具:

顏色工具:

常用工具:

分數計算機百分比增長率計算機最簡分數計算機太陽、月亮與上升星座計算機 🌞🌙✨斜邊計算機毛利率計算機圓計算機相對標準偏差計算機百分比折扣計算機比例計算機kpa到psi轉換器kg到lbs轉換器磅轉公斤轉換器羅馬數字轉換器百分比增加計算機加價計算機標準偏差計算機 - 高精度隨機名稱生成器mac地址查找最小公倍數計算機分數百分比轉換器商和餘數計算機凱薩密碼工具年齡計算機百分比減少計算機複利計算機百分比變化計算機ANC計算機二次公式計算機質數分解計算機百分比計算機HEX計算機校正鈣計算機比率與百分比計算機分數到小數計算機樂透號碼生成器CAGR計算機平均值計算機 (高精度)查找並替換文字對數計算機畢達哥拉斯定理計算機圖片分割器克到磅轉換器百分比誤差計算機跑步配速計算機🏃PSI 轉 Bar 轉換器定期存款計算機psi到kpa轉換器兩點間距離計算機因子計算機合併影片調整影片速度最大公因子計算機影片壓縮器汽車貸款計算機反向文字組合計算機質數檢查器CPM計算機SRT時間偏移我的幸運數字是什麼小數到分數計算機分數簡化年金現值計算機橢圓 周長計算機📅 日期計算機弧長計算機比較分數計算機線性迴歸計算機影片轉圖片擷取器EMI計算機移除標點符號線上工具隨機英文單字產生器隨機選擇器平方根計算機迷宮產生器SRT轉換為TXT工具磅到克轉換器棒球長打率計算機AI標點符號添加器現值計算機傭金計算機FPS 轉換器上壘率計算機百分比到小數轉換器棒球打擊率計算機圖片打碼工具音訊分割器百分比到ppm轉換器HEX轉換器相關係數計算機隨機字母生成器模計算機中位數計算機厘米到英尺和英寸轉換器十進製到科學記數法轉換器月亮星座計算機Facebook用戶ID查詢總和計算機log-base-2計算機聰美元轉換器加密貨幣套利計算機無常損失計算機期權獲利計算機隱含波動率計算機期權希臘值計算機布萊克-休斯計算機破產風險計算機做空盈虧計算機保證金追繳計算機倉位規模計算機股票平均成本計算機不可見字元移除器文本轉SQL列表轉換器文本列提取器列表差異計算機Zalgo文本生成器ASCII藝術產生器隱形文本生成器倒立文本產生器Zalgo文本生成器花樣字體生成器文本轉語音閱讀器仿生閱讀轉換器關鍵詞密度檢查器可讀性分數計算機Lorem Ipsum 產生器每日時間節省計算機智能引號刪除工具Markdown表格產生器JSON字串轉義反轉義URL Slug 產生器html實體編碼解碼器X 截距與 Y 截距計算機頂點和對稱軸計算機函數複合計算機反函數計算機定義域與值域計算機函數繪圖器不等式組圖形繪製器絕對值不等式求解器不等式求解器線性方程組求解器根式方程計算機絕對值方程求解器線性方程求解器綜合除法計算機多項式長除法計算機多項式展開計算機多項式因式分解計算機有理式計算機根號簡化器代數表達式化簡器三角函數繪圖器三角恒等式計算機互動式單位圓視覺化工具直角座標到極坐標計算機高精度極坐標到直角坐標轉換器十進位度轉dms轉換器度分秒到十進制轉換器余弦定理計算機正弦定理計算機通用三角形求解器直角三角形計算機餘割正割餘切計算機atan2計算機反正切計算機反餘弦 (Arccos) 計算機反正弦計算機高精度正切計算機餘弦計算機高精度正弦計算機坡度與傾斜度計算機 📐斜切角度計算機 📐直角校驗計算機 (3-4-5法則) 📐板英尺計算機 🪵露台甲板計算機 🌳圍欄計算機 🏡覆蓋物、土壤和礫石計算機 🌱牆體框架計算機 🏗️屋頂計算機 🏠屋頂坡度計算機和椽計算機 🏠樓梯計算機 🪜壁紙計算機 🎨地板計算機 🏠瓷磚計算機 🔲油漆計算機 🎨磚和砂漿計算機 🧱混凝土計算機 🧱生辰石和星座花查找器 💎🌸凱爾特樹生肖計算機 🌳月亮星座配對計算機 🌙高級星座相容性分析器 💞新月和滿月日曆 🌑🌕土星回歸計算機水星逆行日曆 🌟占星學模式平衡計算機星盤元素平衡計算機水星星座計算機火星星座計算機(行動力與熱情)🔥金星星座計算機(愛情風格)💖密碼強度測試器Unix 權限計算機 (chmod)Cron 任務產生器n 次方根計算機(高精度)頻率與波長轉換器XML驗證器在影片中新增或取代音訊為影片新增浮水印旋轉影片影片分割器循環播放影片從影片中移除音訊音訊提取器影片裁剪器翻轉影片翻轉 GIF翻轉圖片GIF 轉 MP4 轉換器反向播放影片條碼產生器MP4 轉 GIF 轉換器工時計算機顏色反轉器為圖片新增文字圖像增強器圖片顏色選擇器為圖片新增線條