🎨 顏色對比度檢查器

文字看得清嗎？輸入前景與背景色，按 WCAG 2.1 計算對比度比值，判定是否達到 AA/AAA 無障礙標準。

前景色（Hex）

背景色（Hex）

文字型別

📚 深度解析：顏色對比度檢查（WCAG）

WCAG 閾值

正文文本（<18pt）需對比度 ≥ 4.5:1（AA），大文本（≥18pt 或 ≥14pt 粗體）≥ 3:1，UI 元件與圖形 ≥ 3:1。對比度 = (L亮+0.05)/(L暗+0.05)，L 為 sRGB 經伽馬解碼後的相對亮度。

典型組合

白底黑字對比度約 21:1；#767676 灰字配白底約 4.54:1（剛過 AA 正文線）；#999 灰字約 2.8:1 不達標，需加深。

對比度公式怎麼算？: 先按 sRGB→線性光轉換得到相對亮度 L，對比度 = (L1+0.05)/(L2+0.05)。工具已內建，你只需輸入前後景色。
AA 和 AAA 區別？: AA 是主流合規底線（正文 4.5:1）；AAA 更嚴（正文 7:1、大文本 4.5:1）。多數站點做到 AA 即可，政府/醫療等強無障礙場景要求 AAA。

⚠️ 使用說明與注意事項