對比度檢查工具
輸入文字顏色與背景顏色，即時計算 WCAG 對比度並顯示 AA／AAA 是否通過，並提供即時預覽效果。
🔒 在你的瀏覽器本機處理
載入中…
使用方法
- 在第一個欄位輸入文字（前景）顏色，或用色票選擇器挑選顏色。
- 在第二個欄位輸入背景顏色，或用色票選擇器挑選顏色。
- 對比度數值與實際色彩組合的即時預覽會立即更新。
- 查看四個徽章，了解此顏色組合是否通過一般與大型文字的 WCAG AA、AAA 標準。
功能特色
- 支援 hex、rgb()、hsl() 等顏色格式
- 精確計算 WCAG 2.x 相對亮度對比度
- 顯示一般與大型文字在 AA、AAA 標準下的通過╱未通過徽章
- 即時預覽實際文字與背景的顏色組合
- 100% 於用戶端執行——您的顏色資料絕不會離開瀏覽器
常見問題
對比度是如何計算的？
對比度採用 WCAG 2.x 公式計算：先將各顏色的 sRGB 色版線性化，組合成相對亮度值，再以 (L1 + 0.05) / (L2 + 0.05) 計算比值，其中 L1 為較亮顏色的亮度。比值範圍從 1:1（無對比）到 21:1（黑與白）。
AA 與 AAA 有什麼差別？
AA 是大多數網站採用的標準合規等級；AAA 則是更嚴格的加強等級。AA 要求一般文字達 4.5:1、大型文字達 3:1；AAA 則要求一般文字達 7:1、大型文字達 4.5:1。
WCAG 所定義的「大型文字」是什麼？
大型文字定義為至少 18pt（24px）的一般字重，或至少 14pt（18.66px）的粗體字重。由於較大、較粗的筆劃在較低對比度下仍清晰可讀，因此大型文字的對比要求較寬鬆。
可以輸入哪些顏色格式？
您可以輸入 hex 色碼（#000 或 #000000）、rgb()／rgba()，或 hsl()／hsla() 字串，也可以使用各欄位旁的色票選擇器。
這個工具會儲存或上傳我的顏色資料嗎？
不會。所有解析與對比度計算都在您的瀏覽器本機以純 JavaScript 完成，資料不會傳送到伺服器或被儲存。