色彩對比檢查器
免費色彩對比檢查器：檢查文字顏色與背景色是否符合 WCAG 2.2 AA 與 AAA 標準，查看對比度，並取得最接近的合格顏色。
4.54:1
對比度
這是一般文字，大小與內文段落相同。
大型文字
按鈕| AA | AAA | |
|---|---|---|
| 一般文字 | ||
| 大型文字（24 px，或粗體 18.7 px） | ||
| 圖示與介面邊框 | — |
它做什麼
這個檢查器使用 WCAG 2.2 無障礙指南（許多無障礙法規所採用）中的公式，測量文字顏色與背景之間的對比。它會顯示從 1:1（無對比）到 21:1（白底黑字）的對比度，並判斷該顏色組合在一般文字、大型文字以及圖示和邊框等介面元件上是否符合 AA 與 AAA 等級。若不合格，它會建議色相相同且最接近的合格顏色。
使用方式
- 輸入或吸取文字顏色和背景顏色。
- 查看對比度以及 AA 與 AAA 的結果，並檢查即時預覽。
- 若不合格，在建議的顏色上按「套用」，然後複製連結分享結果。
常見問題
我需要多少對比度？
AA 等級是常見的法規目標，一般文字需要 4.5:1，大型文字以及圖示和介面邊框需要 3:1。AAA 等級要求一般文字達到 7:1，大型文字達到 4.5:1。
什麼算是大型文字？
至少 24 CSS 像素（18 點）的文字，或粗體時至少約 18.7 CSS 像素（14 點）的文字。標題通常屬於大型文字，內文一般則不是。
為什麼白底上的 #777777 不合格？
它的對比度為 4.47:1，略低於一般文字所需的 4.5:1。對比度不會無條件進位，因此稍深一點的灰色 #767676（4.54:1）是在白底上合格的最淺灰色。
W3C — WCAG 2.2, 1.4.3 Contrast (Minimum)
W3C — WCAG 2.2, 1.4.11 Non-text Contrast