設計
色彩對比度檢測
檢查 WCAG 對比度。
不知不覺間，我們已經離開了地面。
1.00
對比度
| 標準 | 正常文字 | 大型文字 |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | 非文字/UI 元件 (≥3:1)：— | |
最接近的 AA 文字替代色正在計算 OKLCH 替代顏色…
本報告遵循 WCAG 2.2 對比度要求。APCA 仍處於實驗階段，不屬於 WCAG 3 一致性結果。
使用方法
選取文字顏色與背景顏色。對比度以及各 WCAG 等級的通過/不通過結果會即時更新，並有預覽。
常見問題
什麼是良好的對比度？
WCAG AA 要求一般文字達到 4.5:1，大型文字達到 3:1。AAA 分別要求 7:1 與 4.5:1。WCAG 1.4.11 也要求必要的非文字圖形，以及 UI 元件邊界或狀態達到 3:1。
什麼算作大量文字？
大型文字約 18pt（24px）或 14pt（18.66px）粗體及以上。
比率如何計算？
根據兩種顏色的相對亮度：(較亮者 + 0.05) ÷ (較暗者 + 0.05)，按照 WCAG 公式計算。
最後更新日期: