Justools

色彩對比

檢查文字與背景的色彩對比,確認是否符合 WCAG AA 和 AAA 可讀性標準。

Readable sample text

WCAG contrast check preview

Ratio

17.74:1

AA normal

Pass

AA large

Pass

AAA normal

Pass

AAA large

Pass

經常一起使用的免費工具。一切都在您的瀏覽器中運作。

如何使用此工具

  1. 輸入文字十六進位顏色和背景十六進位顏色。
  2. 查看預覽和對比度。
  3. 檢查 WCAG AA 和 AAA 通過或失敗結果。

常見問題

什麼是對比度比率?

對比度比率衡量兩種顏色之間的亮度差異,通常是文字和其背景,以 1:1(完全相同、無法閱讀)到 21:1(純黑色在純白色上)的數字表示。比率越高,文字越容易閱讀,這對視力不佳、年長的眼睛,或在陽光直射下使用手機螢幕的人特別重要。這也是無障礙設計指引和稽核用來判斷文字是否清晰可讀的相同測量標準。

誰應該使用這個工具?

為網站選擇文字和背景顏色組合的設計師、在上線前進行無障礙稽核的開發者,以及選擇按鈕或橫幅顏色以讓最多訪客都能清晰閱讀的行銷人員。

WCAG AA 是什麼意思?

AA 是《網路內容無障礙設計準則》(WCAG)中廣泛使用的無障礙目標。它要求一般文字至少達到 4.5:1 的對比度,大型文字至少 3:1。

AA 和 AAA 有什麼差異?

AAA 是更嚴格的等級,要求一般文字至少 7:1,大型文字至少 4.5:1。大多數專案以 AA 為目標,AAA 則保留給無障礙設計特別重要的內容。

支援哪些十六進位格式?

文字和背景欄位均可使用 3 位或 6 位十六進位色碼,有無前置 # 符號都可以。

有任何資料會上傳嗎?

不會。十六進位色碼完全在您的瀏覽器中檢查。

通過測試就能保證無障礙設計嗎?

不。對比度比率是一個重要因素,但清晰的字型大小、足夠的間距,以及不單獨依賴顏色來傳達含義也很重要。

在瀏覽器中本地處理。您的檔案永遠不會上傳到我們的伺服器。