WCAG 色彩對比度檢查器
輸入任意兩個顏色，即刻驗證是否符合無障礙法規（WCAG AA/AAA）。同步模擬色盲視角，並一鍵取得修正建議色號。
範例組合
大標題文字（18pt 粗體）
敏捷的棕色狐狸跳過了懶狗。一般內文，16px 大小。
小字說明文字 12px — 最難閱讀的尺寸。
17.06
對比度比值
AAA — 優秀
WCAG AAPass
一般文字（< 18pt / < 14pt 粗體）
4.5:1
WCAG AAAPass
一般文字（< 18pt / < 14pt 粗體）
7:1
WCAG AAPass
大字文字（≥ 18pt 或 ≥ 14pt 粗體）
3:1
WCAG AAAPass
大字文字（≥ 18pt 或 ≥ 14pt 粗體）
4.5:1
WCAG 2.1 要求一般文字對比度至少 4.5:1（AA 級）或 7:1（AAA 級），大字至少 3:1（AA 級）或 4.5:1（AAA 級）。大字定義：≥ 18pt 一般字體或 ≥ 14pt 粗體。AA 級為大多數國家的法律最低標準。
色盲即時模擬
Aa 123
正常視覺
17.1:1
Aa 123
紅色盲（Protanopia）
16.8:1
Aa 123
綠色盲（Deuteranopia）
17.2:1
Aa 123
藍色盲（Tritanopia）
16.9:1
Aa 123
全色盲（無色彩）
17.0:1
模擬使用 Machado 2009 模型（嚴重度 1.0），於線性 sRGB 色彩空間運算。紅綠色盲合計約影響 8% 的男性。
常見問題
- 對比度比值是什麼？如何計算？
- 對比度比值是依據 WCAG 2.1 定義的兩個顏色亮度差異的數值量化，範圍從 1:1（相同顏色，無對比）到 21:1（純黑對純白）。計算公式為 (L1 + 0.05) / (L2 + 0.05)，其中 L1 和 L2 分別為較亮與較暗顏色的相對亮度。
- WCAG AA 與 AAA 合規標準有何差別？
- WCAG AA 是大多數國家無障礙法規的法定最低標準，要求一般文字對比度 4.5:1，大字 3:1。WCAG AAA 是更高標準，要求一般文字 7:1，大字 4.5:1，適合低視力或閱讀困難的使用者。大多數法規只要求 AA；AAA 屬於最佳實踐目標。
- WCAG 的「大字」如何定義？
- WCAG 將大字定義為一般粗細 18pt（24px）以上，或粗體 14pt（約 18.67px）以上的文字。原因是較大的文字在較低對比度下仍易於閱讀，因此 WCAG 為其設定了較低的門檻。低於這些尺寸的文字一律視為一般文字，須達到更嚴格的 4.5:1（AA）或 7:1（AAA）標準。
- 為何色盲模擬的對比度有時會不同？
- 色盲模擬透過感知模型（Machado 2009，嚴重度 1.0）在線性 sRGB 色彩空間中轉換顏色。轉換後的 RGB 值其相對亮度可能與原始不同，進而改變對比度比值。對正常視覺通過 WCAG AA 的色彩組合，對紅色盲或綠色盲的使用者而言可能不通過——此工具就是為了揭示這些差距。
- 此工具會傳送我的顏色資料嗎？
- 不會。所有計算——對比度比值、WCAG 標章評估、色盲模擬及修正建議——均完全在您的瀏覽器中透過 JavaScript 執行，不會傳輸任何顏色數值至 AppicLab 的伺服器或任何第三方。
- 如何使用自動修正建議？
- 當您的色彩組合未通過 WCAG AA 時，建議面板會顯示最小程度的明度調整方案，在保留原有色調與飽和度的同時，讓文字或背景顏色達到目標對比度。點擊「套用」可即時預覽，或直接複製色碼。點擊骰子圖示可隨機生成符合標準的全新色彩組合。
- 色彩對比度不足會被罰款或吃官司嗎？
- 會。在美國，《美國身心障礙者法案》（ADA）已被法院適用於網站，企業因色彩對比等無障礙問題遭到訴訟（包括聯邦法院案件）的案例屢見不鮮。在歐盟，《歐洲無障礙法案》（EAA）要求大多數數位產品與服務在 2025 年 6 月前符合 WCAG 2.1 AA，違規將面臨各成員國的罰款。英國《2010 年平等法》也有類似義務。政府與公共部門網站在大多數地區受到最嚴格的執法。達到 WCAG AA 對比度是降低法律風險成本最低的方法之一。