對比檢查器 使用方法
- 1
輸入兩種顏色
以 HEX、rgb()、hsl() 或 oklch() 輸入文字顏色和背景顏色，也可以點開圓形色票來選色。
- 2
查看判定結果
工具會顯示對比值，以及五列通過或未通過的結果：一般文字與大型文字的 AA、AAA，還有圖示與邊框適用的 3:1 規則。
- 3
套用修正
如果某個等級未通過，就改用最接近且能通過的較深或較淺文字或背景，再複製新的色彩值。
限制與 Pro
免費且不限次數：檢查次數不限，每組顏色檢查 5 項 WCAG 2.2 準則，每個未通過的等級提供 2 個建議修正，色彩格最多 7 種顏色。
關於 對比檢查器
這個對比檢查工具會依據 WCAG 2.2 的相對亮度公式，計算兩種顏色的亮度差距，瀏覽器的無障礙檢測和設計外掛使用的也是同一套算法。結果是介於 1:1（完全相同）到 21:1（白底黑字）之間的對比值。成功準則 1.4.3 在 AA 等級要求內文達到 4.5:1、大型文字達到 3:1；1.4.6 的 AAA 等級提高為 7:1 和 4.5:1；1.4.11 則要求焦點框、輸入框外框、圖表線條等有意義的非文字元素達到 3:1。
工具會用你選的顏色即時顯示兩種大小的文字、一個有外框的按鈕和一個圖示，讓你除了看數字，也能判斷是否容易閱讀。對比值是無條件捨去到小數點後兩位，而不是四捨五入，因為 4.496:1 並不符合 4.5:1 的要求。當某個等級未通過時，工具會保留其中一種顏色的色相與彩度，調整 OKLCH 亮度，分別為文字和背景找出最接近且能通過的值。
本工具只適用於純色。它無法評估照片或漸層上的文字、透明度、特定螢幕上的字重呈現，也不支援 WCAG 3 提案中較新的 APCA 方法，因此請把通過視為最低標準，並在實際螢幕上再測試。
隱私
兩種顏色只會留在這個分頁中：對比值、通過與未通過的判定和建議修正都由你的瀏覽器計算，色彩值不會傳送到伺服器，也不會被儲存。