對比檢查器

檢查一個 前景和背景對,然後在選擇顏色之前查看對比度和快速 WCAG AA/AAA 判決。

選擇候選顏色後使用此頁面。共用 URL 僅儲存前台和後台十六進位值。

其他語言 日本語 | English | 繁體中文 | Italiano

如何使用

  1. 輸入一種文字顏色和一種背景顏色。
  2. 檢查比率,然後查看正常文本和大文本的 AA/AAA 判決。
  3. 如果配對失敗,請返回 顏色選擇器 並嘗試不同的顏色。

將兩個顏色值轉換為可讀性檢查

此頁面用於判斷通過/失敗。在您已經知道候選顏色後使用它。

輸入前景色和背景色以檢查 WCAG 對比度。

如何在附近的頁面之間進行選擇

使用 顏色選擇器 當您只有一種顏色但仍需要實用的樣本時。使用 混色器 當兩個候選樣本仍需要中點選項時。使用 顏色轉換器 當相同的核准顏色必須用另一種符號重寫。使用 色階產生器 當一種核准的顏色在檢查最終配對之前需要編號的明暗系統時。使用 無障礙色票 在測試最終的前景/背景對之前,品牌顏色必須成為基於角色的 UI 集。使用 梯度發生器 當那些核准的顏色必須成為背景就緒的 CSS 漸層時。一旦已知前景和背景對並且您需要通過/失敗可讀性檢查,請最後使用此頁面。

常見問題解答

這個頁面檢查什麼?

它比較前景色和背景色,然後顯示正常文本和大文本的對比度和快速 WCAG AA/AAA 通過或失敗狀態。

這是完整的可訪問性審查嗎?

不。這只是快速對比檢查。真正的可訪問性審查仍然取決於文字大小、粗細、間距、上下文和組件狀態。

這與顏色選擇器有什麼不同?

當您需要 HEX、RGB 和 HSL 值時,請使用顏色選擇器。當您已經有兩種顏色並且需要可讀性判斷時,請使用此頁面。

共用 URL 是否包含顏色以外的任何內容?

不。分享連結 僅包含前景色和背景色。