對比度

色彩對比度檢查器

檢查WCAG無障礙對比度

對比度

17.45:1

AA

AAA

一般文字

通過
通過

大型文字

通過
通過

什麼是色彩對比度檢查器?

色彩對比度檢查器根據 WCAG 2.1 無障礙標準評估前景色與背景色之間的對比度。它能即時告知您的配色方案是否符合 AA 或 AAA 等級的一般文字和大型文字要求。

使用方法

  1. 步驟一——透過取色器或輸入 HEX/RGB 值設定前景(文字)顏色。
  2. 步驟二——以同樣方式設定背景顏色。對比度和 WCAG 合規等級會即時更新。
  3. 步驟三——查看 AA 和 AAA 等級的通過/未通過標示,調整顏色直到所有相關標準均通過。

結果

一位設計師測試深灰色文字 (#333333) 在淺藍色背景 (#E3F2FD) 上的效果——工具顯示對比度為 10.5:1,所有文字尺寸均通過 WCAG AA 和 AAA 標準。

相關工具