01
這個工具在什麼情況下有用
在上線正文、標籤或按鈕的前景色與背景色前先使用它。輸入兩個 HEX 顏色，即可查看它們的對比度比值，以及普通文字與大字文字的門檻結果。
色彩對比度檢查器
檢查前景與背景顏色之間的常規與大文字對比度。
色彩對比度檢查器
僅供規劃與參考使用的瀏覽器端結果。
使用前的檢查事項
02
結果如何產生
此計算會將 sRGB 通道線性化，計算相對亮度，並用較亮亮度加 0.05 除以較暗亮度加 0.05。接著將該比值與 3:1、4.5:1 和 7:1 的文字門檻進行比較。
03
實際範例與解讀
在背景 #FFFFFF 上輸入前景色 #111111 會產生高比率。先檢查 AA normal 的小段落文字；若此組合用於大標題，亦請查看 AA large 結果。
04
適用範圍與限制
僅通過比率並不代表完成無障礙審查。請測試實際字體大小與字重、互動狀態、放在圖片上的文字，以及僅由顏色傳達的任何資訊。
常見問題
如何將「顏色對比度檢查器」的顏色搬到其他 App？
使用結果下方的複製按鈕來複製 CSS、HEX 或 HSL 文字。確認目標應用程式解讀的是同一個顏色格式。
顏色對比度檢查器的螢幕色會跟印刷相符嗎？
不會自動相符。發光式 RGB 螢幕與反射式紙張與油墨使用不同色域與混色模型，因此仍需列印設定檔與打樣。
能只靠顏色對比度檢查器就批准設計 token 嗎？
先把它當作候選，再在真實背景、暗色模式、互動狀態與文字對比度下測試，然後再命名並批准 token。