對比檢查器
讀出對比度，以及 AA 和 AAA 過不過。
免費 - 無需註冊 - 在你的裝置上執行
在你的瀏覽器分頁中執行
- 2個顏色
- 1個對比度
- AA與 AAA
- 0上傳
對比檢查器 規格一覽
- 輸入
- 文字色與背景色兩個顏色
- 輸出
- 對比度與兩種字級的判定
- 方法
- WCAG 相對亮度與對比度
- 它沒有涵蓋的
- 只看一組配色的對比
- 價格
- 免費
- 需要帳戶
- 無
- 處理位置
- 在你的裝置上
對比檢查器 怎麼用
- 1
設定兩個顏色
設定兩個顏色。
- 2
讀出對比度
讀出對比度。
- 3
調到通過為止
調到通過為止。
常見問題
對比度通過就等於無障礙嗎？
不等於。它只說明一組配色夠不夠看得清。焦點狀態、標籤、閱讀順序和替代文字，都還要自己檢查。
為什麼大字級分開判定？
字體大一點，較低的對比度也讀得清，所以標準對它的要求比較寬。面板兩種都標，你看得到自己過了哪一種。
應該填哪兩個顏色？
文字實際畫出來的顏色，以及正後方的背景色。文字壓在漸層或圖片上時，背景沒有單一數值可以測。
有東西被送出去嗎？
沒有。兩個顏色在這個瀏覽器分頁裡比較，不會上傳，也不會存進任何帳戶。
誠實地讀這個結果
設定兩個顏色。對比度會連同 AA 與 AAA 的判定一起出現，一般字級和大字級分開標示，下面還有這組配色的即時樣本。
- 文字壓在半透明層上時，先算出實際呈現的顏色再測。
- 佔位文字、停用狀態和圖示也帶著訊息，各自當一組來測。
- 只有大字級才過的配色，一被拿去做內文就會不過。
- 對比只是眾多要求之一，過了不代表符合規範。
完整規格
| 輸入 | 一個前景色和一個背景色。 |
|---|---|
| 輸出 | 對比度，以及一般字級與大字級的 AA、AAA 判定。 |
| 方法 | 先算 WCAG 相對亮度，再算兩色之間的對比度。 |
| 它沒有涵蓋的 | 無障礙檢查的其他部分：焦點、順序、標籤與替代文字。 |
| 價格 | 免費。由工作區外標示清楚的廣告支援。 |
| 需要帳戶 | 不需要。 |
| 處理位置 | 在你的瀏覽器分頁中。你的輸入絕不會被上傳。 |
用同一批檔案繼續做
全部色彩工具： SPOTTOOLS 的色彩工具