對比度檢查
檢查前景與背景顏色的 WCAG 對比度評級。
前景色
背景色
大字 24px+
正常文字範例段落。
小字範例。
對比度
3.68 : 1
WCAG 等級
AA 正常文字: 不通過
AA 大字: 通過
AAA 正常文字: 不通過
AAA 大字: 不通過
隱私安全全部在瀏覽器本機完成，資料不上傳
簡單易用貼上或輸入即可，結果即時呈現
永久免費不限次數，無需註冊
快速高效先進技術，處理高效穩定
文字要易讀，文字和背景之間就得有足夠的對比，而無障礙規範給這件事定了確切的數字。輸入前景色和背景色，即可得到對比度比值，以及它對正常文字和大號文字是否通過 WCAG 的 AA 和 AAA。
使用步驟: 對比度檢查
- 1輸入內容透過挑選或輸入 HEX 數值，設定前景（文字）顏色。
- 2設定選項接著設定背景顏色。
- 3開始處理閱讀計算出的對比度，以及範例文字預覽。
- 4取得結果查看 AA／AAA 標章，確認是否通過無障礙標準。
常見用途
檢查文字可讀性看看你的文字顏色是否從背景裡足夠凸顯。
通過審查在評審前確認一組搭配達到 WCAG 的 AA 或 AAA。
挑一組安全搭配調整其中一個顏色，直到比值越過門檻。
測按鈕或連結確認可互動的文字也易讀，而不只是正文。
使用提示
門檻，簡而言之WCAG 的 AA 要求正常文字 4.5:1、大號文字 3:1；AAA 要求 7:1 和 4.5:1。大號大致指 18 點，或 14 點加粗。
對比度不是無障礙的全部比值達標有幫助，但易讀的字級、清晰的聚焦狀態、以及不只靠顏色傳達資訊，也都同樣重要。
大號文字門檻更低更大或加粗的文字更易讀，因此在更低的比值下也能通過。在依賴這一點之前，先確認你的文字確實算大號。
測真實呈現的顏色檢查前景和背景實際算繪出來的樣子，把任何不透明度也算進去，而不是看標稱的色塊。