顏色反轉器
使用我們免費的線上工具立即反轉顏色。支援 HEX、RGB、HSL、CMYK 格式,具備即時預覽、色輪視覺化、無障礙對比度檢查 (WCAG) 以及互補色生成功能。
偵測到廣告封鎖,導致我們無法顯示廣告
MiniWebtool 依靠廣告收入免費提供服務。如果這個工具幫到你,歡迎升級 Premium(無廣告 + 更快),或將 MiniWebtool.com 加入允許清單後重新整理頁面。
- 或升級 Premium(無廣告)
- 允許 MiniWebtool.com 顯示廣告,然後重新載入
顏色反轉器
歡迎使用顏色反轉器,這是一款專為設計師、開發人員和無障礙設計專業人士打造的強大免費線上工具。立即以 HEX、RGB、HSL 和 CMYK 格式反轉顏色,並提供即時預覽、互動式色輪視覺化以及符合 WCAG 標準的對比度檢查。無論您需要建立深色模式設計、尋找互補色,還是確保符合無障礙合規性,此工具都能提供您所需的一切。
什麼是顏色反轉?
顏色反轉透過對其 RGB 值進行數學轉換來建立顏色的負片或相反色。標準的 RGB 反轉公式是從 255 中減去每個顏色分量:
例如,反轉純紅色(#FF0000)會產生青色(#00FFFF),而反轉白色(#FFFFFF)則會產生黑色(#000000)。這種數學關係意味著每種顏色都恰好有一個反轉對應項。
RGB 反轉 vs 互補色
此工具提供兩種反轉模式,產生的結果不同:
- RGB 反轉:從 255 中減去每個 RGB 值,建立精確的數學負片。最適合照片負片、深色模式轉換和最大對比度。
- 互補色:透過在色輪上旋轉 180 度(在色相值上加 180),同時保持飽和度和亮度。更適合和諧的配色方案和設計調色盤。
支援的顏色格式
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 值非常有用。
如何使用此工具
- 選擇輸入格式:根據您想要輸入顏色的方式,選擇偏好的顏色格式標籤(HEX、RGB、HSL 或 CMYK)。
- 輸入您的顏色:使用文字欄位輸入您的顏色值,或使用顏色選取器進行視覺化選取。點擊範例色塊進行快速測試。
- 選擇反轉模式:選擇「RGB 反轉」以獲得數學上的顏色負片(255 減去每個 RGB 值),或選擇「互補色」以獲得色輪對面的顏色(180 度色相旋轉)。
- 查看結果:查看即時預覽,顯示您的原始顏色及其反轉版本。色輪視覺化會顯示兩種顏色及其位置。
- 檢查無障礙性:查看 WCAG 對比度,確保您的顏色組合符合文字可讀性的無障礙標準。
- 複製顏色代碼:點擊任何顏色代碼格式(HEX、RGB、HSL、CMYK)將其複製到剪貼簿,以便在您的設計項目中使用。
瞭解 WCAG 對比度
網頁內容無障礙設計指引 (WCAG) 定義了文字可讀性的最低對比度:
WCAG AA(最低要求)
- 普通文字:需要 4.5:1 的對比度
- 大文字(18pt+ 或 14pt+ 粗體):需要 3:1 的對比度
WCAG AAA(增強要求)
- 普通文字:需要 7:1 的對比度
- 大文字:需要 4.5:1 的對比度
此工具會自動計算原始顏色與反轉顏色之間的對比度,顯示它們是否符合 WCAG AA 和 AAA 標準。這對於確保視覺障礙使用者能夠存取您的設計至關重要。
實際應用
深色模式設計
顏色反轉是深色模式介面的基礎。透過反轉淺色背景和深色文字,您可以建立具備無障礙性的深色主題。然而,純數學反轉通常需要調整以獲得舒適的觀看體驗。
無障礙性
對於低視力或色盲使用者而言,尋找高對比度的顏色組合至關重要。WCAG 對比度檢查器有助於確保您的文字對所有使用者保持可讀性。
照片編輯
反轉顏色會建立照片負片,這是一種經典的藝術效果。瞭解顏色反轉有助於影像處理和特效製作。
品牌與設計
互補色(色輪上 180 度相對的顏色)可為標誌、行銷素材和 UI 設計建立充滿活力且引人注目的組合。
印刷準備
在準備印刷設計時,在 RGB 和 CMYK 之間進行轉換至關重要。此工具顯示原始顏色和反轉顏色的 CMYK 值。
色輪與互補色
互動式色輪視覺化顯示了您的顏色在光譜中的位置。互補色在色輪上直接相對,在保持顏色和諧的同時建立最大的視覺對比。
色輪上的關鍵顏色關係:
- 互補色(180度):高對比度、充滿活力的組合(例如:紅色-青色、藍色-橙色)
- 近似色(相鄰):和諧、相似且融合良好的顏色
- 三等分顏色(相隔120度):平衡且充滿活力的三色方案
- 補色分割:比直接互補色強度低,層次更豐富
常見問題
什麼是顏色反轉?
顏色反轉是透過從 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 色彩設定檔)。
對比度計算
WCAG 對比度是使用相對亮度值計算的:
其中 L1 是較淺顏色的相對亮度,L2 是較深顏色的相對亮度。相對亮度考量了人類對不同顏色波長的感知。
其他資源
引用此內容、頁面或工具為:
"顏色反轉器" 於 https://MiniWebtool.com/zh-tw/顏色反轉器/,來自 MiniWebtool,https://MiniWebtool.com/
由 miniwebtool 團隊提供。更新日期:2026年1月7日