對比檢測

單一個數字不算答案

對比度本身並不能告訴你一組顏色可不可以用，因為門檻取決於這些顏色用在什麼地方。所以這裡把五種 判定全部列出來。

大字指的是 18pt 以上，或 14pt 以上的粗體——在 CSS 裡大約是 24px 和 18.7px。一組 3.5:1 的 顏色，當內文用不合格、當標題用合格，這正是為什麼只給一個「通過／不通過」的檢測工具，回答的是 沒有人問過的問題。

非文字對比適用於介面元件、焦點指示器、表單邊框，以及任何帶有意義的圖形。很少人檢查，卻經常 是真正無法通過稽核的那一項——一條 2:1 的輸入框邊線，對很多人來說根本看不見。

對比度是怎麼算的

算在線性化之後的通道值上，而不是原始數字上。

十六進位色碼裡的通道值是為了顯示而編碼過的，它們所代表的光量和數值並不成正比。計算亮度之前必須 先把 sRGB 轉換函式還原回去，而略過這一步，正是許多自製檢測工具在門檻附近和規格對不上的原因 ——通常是把不合格的判成合格。

這裡的數字是對照 WCAG 規格本身的範例驗算的，不是拿另一個計算器來比對。

建議的修正只動亮度

當一組顏色在「AA、一般文字」這一項不合格時，這裡會給出最接近的合格顏色。

它是只調整亮度、固定色相與飽和度找出來的，因為一個會改掉色相的建議等於一個會被否決的建議 ——那已經不是品牌色了。用二分法找出最接近的合格亮度，而不是直接跳到黑或白，所以改動幅度是 能過關的最小值。

它沒有告訴你的事

對比只是易讀性的一部分。太細的字重、太緊的字距、太小的字級、太花的背景，都會在對比合格的情況下 讓內容更難讀。

而且合格到 AAA 的組合也可能很不舒服：純黑配純白是 21:1，對許多人來說會產生明顯的光暈。通常 稍微退一點會比極端值好。

沒有任何上傳

在這個頁面裡計算。