色彩對比檢查工具
檢查文字與背景顏色之間的 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 無障礙合規標準。
對比度檢查 · wcag對比度 · 色彩對比度 · 無障礙檢測工具 · 線上工具