對比度
17.35:1
內文 AA
通過
內文 AAA
通過
大字 AA
通過
大字 AAA
通過
UI 元件 AA
通過
為什麼用這個工具
01輸入兩種顏色，即時查看 WCAG 2.1 對比度比值，以及普通文字、大型文字與非文字 UI 元件的通過/未通過結果。
計算前景色與背景色之間精確的基於亮度的對比度比值。
標示是否符合 WCAG 2.1 AA 與 AAA 針對普通文字（4.5:1、7:1）、大型文字（3:1、4.5:1）與非文字 UI（3:1）的標準。
怎麼使用
02複製前快速檢查
03先確認輸入格式符合您的預期。
在把結果用於文件、連結、設定或訊息前快速掃一眼。
只複製您真正需要的輸出。
常見問題
04AA 與 AAA 有什麼差別？
AA 是大多數無障礙法規要求的基準。AAA 是更嚴格的增強等級。普通文字的 AA 為 4.5:1，AAA 為 7:1；大型文字的 AA 為 3:1，AAA 為 4.5:1。
什麼算大型文字？
WCAG 定義大型文字為至少 18pt（24px）一般字體，或 14pt（18.66px）粗體，以下均屬普通文字門檻。
資料會被傳送到伺服器嗎？
不會，所有計算均在瀏覽器本地完成。
相關工具
01色碼轉換器→
在 HEX、RGB、HSL 與 OKLCH 之間轉換顏色，並提供即時色塊與色相滑桿。