WCAG 色彩對比度檢查器
輸入HEX或RGB檢查文字與背景對比，分別判斷一般／大型文字AA、AAA及非文字UI參考，支援Alpha明確底色合成與重新驗證的建議字色。
對比度檢查與配色設計的不同
這頁集中檢查兩種顏色的可讀性；需要產生色盤可使用下方配色方案工具。HEX支援#RGB／#RGBA／#RRGGBB／#RRGGBBAA，或rgb(35,84,67)、rgb(35 84 67 / 0.5)。RGB值0–255、Alpha0–1，不接受百分比、命名色或任意CSS。
AA、AAA與大型文字
依WCAG 2.2文字對比說明，一般AA至少4.5:1、AAA7:1；大型AA3:1、AAA4.5:1。大型通常至少18pt，或粗體14pt。黑白21:1、同色1:1；判斷使用未取位值，顯示4.500不一定通過4.5門檻。
透明色如何處理？
先將背景Alpha合成到指定不透明畫布，再將前景Alpha合成到該背景；以未取成HEX的sRGB通道計算相對亮度及對比。若畫布仍透明，就拒絕給合規結論。明亮／深色底層預覽會各自重新合成並列出比值；這些參考不會改變主結果的指定畫布。
改善建議不是直接把數字取整
工具從合成字色往黑與白混色，尋找距離較近且通過選定門檻的不透明HEX，再將實際輸出的HEX重新計算。找不到就提示調整背景，不假造通過色；這不是所有顏色空間的全域最小改動保證。
3:1非文字UI參考的範圍
非文字對比還取決於必要的元件邊界、狀態與相鄰顏色。本頁只計算指定色對，不判斷圖片背景、漸層、字體細節、焦點狀態或整個網站是否符合WCAG。
接著也用得到：免費線上配色方案產生器 ↗HEX／RGB／HSL 色碼轉換器 ↗QR Code 產生器 ↗
簡單幾步，就完成。
- 輸入前景、背景與不透明底層畫布，可用HEX、RGB或選色器。
- 核對未取位的對比判斷、一般及大型文字門檻與不同底層預覽。
- 選建議門檻、套用已重新驗證的不透明字色，或複製顏色與結果。
生活裡的這些時刻，都用得到
適合按鈕、表單、簡報與文字的色對檢查，不代表整頁或網站已符合WCAG。
你可能還想知道
黑白對比是多少？
不透明黑與白為21:1，同色1:1。以sRGB相對亮度計算，門檻判定不先四捨五入。
AA與AAA的門檻？
一般文字AA4.5、AAA7；大型文字AA3、AAA4.5。大型通常至少18pt，或粗體14pt。
透明色如何算？
背景先合成到你指定的不透明畫布，前景再合成到背景。畫布仍透明時不提供合規結論，不猜最終底色。
建議色一定通過嗎？
工具會把實際建議HEX重新驗證到指定門檻才提供；找不到會要求調背景，不聲稱是所有色彩中的最小改動。
3:1參考代表整個介面通過嗎？
不是。非文字UI還需核對必要邊界、狀態與相鄰色，本工具只計算指定色對，不做完整網站認證。