色彩對比檢查工具
檢查文字與背景顏色之間的 WCAG 色彩對比度。
大字級預覽
一般字級預覽文字效果如下。
對比度14.63:1
AA - 一般文字通過
AAA - 一般文字通過
AA - 大字級文字通過
AAA - 大字級文字通過
關於色彩對比檢查工具
檢查您的文字與背景顏色組合是否符合 WCAG 2.1 無障礙對比標準。AA 為建議的最低標準；AAA 則是提供更佳可讀性的進階標準。
這個工具是什麼？
檢查前景色（文字）與背景色的組合是否符合 WCAG 2.1 無障礙對比標準。立即取得對比度數值，以及 AA、AAA 合規等級的通過/未通過結果。
使用方法
- 選擇或輸入前景色（文字）的十六進位色碼。
- 選擇或輸入背景色的十六進位色碼。
- 查看即時預覽，以及各 WCAG 等級的通過/未通過結果。
常見用途
- 在發布設計前驗證文字與背景顏色是否符合無障礙規範
- 為按鈕、連結和內文選擇易讀的顏色組合
- 稽核現有網站或應用程式的無障礙合規性
使用技巧
- AA（4.5:1）是大多數網站一般文字應達到的最低標準。
- 大字級文字（18pt 以上，或 14pt 以上粗體）因較易閱讀，所需的對比度標準較低。
常見問題
WCAG AA 和 AAA 合規有什麼區別？
AA 是大多數網站應達到的最低標準，正常文字需要 4.5:1 的對比度。AAA 是更嚴格的標準，需要 7:1，針對內容必須最大可讀性的情況。
為什麼大字級文字需要更低的對比度？
較大的文字（18pt+ 常規或 14pt+ 粗體）本身更容易閱讀，因此 WCAG 為大文字設定較低的最小比例 3:1，而不是正常文字的 4.5:1。
對比度實際上是如何計算的？
它基於兩種顏色的相對明度，按 WCAG 公式計算，並表示為 1:1（無對比，相同顏色）到 21:1（最大對比，黑色在白色上）的比率。
如果我的顏色組合未通過對比度檢查會怎樣？
嘗試加深文字顏色、淡化背景，或增加文字大小以符合大文字閾值，其中所需的比率較低。
我測試的顏色是否傳送到任何地方？
不會。對比度比率使用標準 WCAG 公式在您的瀏覽器中計算——沒有顏色資料被傳送或儲存。
檢查文字與背景顏色之間的 WCAG 色彩對比度。免費線上即時驗證 AA/AAA 無障礙合規標準。