檢查色彩對比(WCAG)
測量兩種顏色之間的 WCAG 2.1 對比度,查看它們在無障礙文字上是否通過 AA、AA Large 與 AAA。完全在你的瀏覽器中執行。
隱私優先:每張圖片都在你的瀏覽器中本機處理。任何內容都不會上傳、儲存或傳輸到任何伺服器。
對比是無障礙的要求,不是品味
WCAG 要求文字與背景的對比,一般文字須達 4.5:1(AA),AAA 則須達 7:1 — 對許多組織而言這是法律範疇。疊在圖片上的文字經常不合格,因為設計師是拿圖片的平均值來判斷對比,使用者卻是在它最亮的一小塊上閱讀。
對著真正的圖片來量測
選好你的文字顏色,並直接從圖片本身取樣真正的背景;檢查器會算出對比比值,並依一般與大型文字的 AA 與 AAA 門檻為它評級。要修正不合格,就把覆蓋層調暗或把文字調亮 — 再重新量測,直到通過。全部本機處理,不上傳任何內容。
常見問題
- 分析時我的圖片會被上傳嗎?
- 不會。色彩擷取、直方圖與對比檢查全都在你的瀏覽器本機執行。
- 我可以取得哪些色彩資訊?
- 主要色彩、可複製並附有十六進位碼與占比百分比的調色盤,以及完整的 RGB 與亮度直方圖。
- 對比檢查工具是做什麼用的?
- 它會測量兩個顏色之間的 WCAG 2.1 對比度,並顯示它們是否通過 AA、AA Large 與 AAA 的無障礙文字標準。
- 我可以複製色碼嗎?
- 可以。點選任一色票即可複製其十六進位碼,或一次複製整個調色盤。