顏色對比度檢查
顏色對比度檢查
輸入文字色與背景色，即時計算 WCAG AA / AAA 對比度。
通過對比度不代表所有字級、字重與情境都自動無障礙
前景與背景
先看清兩種顏色，再開始使用
依 WCAG 相對亮度公式即時計算對比度。
對比度結果
14.25:1這段文字用來檢查內文是否容易閱讀。Aa 你好 123
一般文字 AA通過 · ≥ 4.5
大尺寸文字 AA通過 · ≥ 3.0
一般文字 AAA通過 · ≥ 7.0
方法與限制
對比度比較相對亮度，不是色相距離
兩種顏色會先轉為線性 RGB，再計算相對亮度。較亮與較暗顏色的亮度會轉成 1:1 至 21:1 的比值。
一般內文需達 4.5:1 才符合 AA；大尺寸文字可用 3:1。顏色只是可讀性的一部分，還要考慮字級、字重、行距與實際顯示環境。
對比度 =（較亮顏色相對亮度 + 0.05）÷（較暗顏色相對亮度 + 0.05）。
常見問題
顏色對比度檢查 · 常見問題
AA 與 AAA 有何差別？
AAA 門檻較高。一般文字 AA 至少 4.5:1、AAA 至少 7:1；大尺寸文字分別是 3:1 與 4.5:1。
什麼算大尺寸文字？
通常是至少 24px 的一般文字，或約 18.66px 的粗體；仍需依實際字型與平台驗證。
為何紅綠差異明顯卻可能不通過？
不同色相不一定有足夠明度差。對色覺不同的使用者，狀態也應搭配文字或圖形。