顏色對比度檢測器
根據 WCAG 2.1 無障礙指南檢測顏色對比度。測試普通文字和大文字的 AA 和 AAA 合規性。網頁無障礙 (a11y) 合規的必備工具。
參數
文字或元素顏色。
對比的背景色。
結果
兩種顏色之間的對比度
其他結果 (6)
普通文字（18pt 或 14pt 粗體以下）符合 WCAG AA 要求
大文字（18pt+ 或 14pt+ 粗體）符合 WCAG AA 要求
普通文本符合更嚴格的 WCAG AAA 要求
大文本符合更嚴格的 WCAG AAA 要求
Relative luminance of #000000
Relative luminance of #FFFFFF
為什麼選擇 顏色對比度檢測器
顏色對比檢查器根據 WCAG 2.1 準則測試前景色和背景色之間的對比。立即查看您的顏色組合是否透過普通文字和大文字的 AA 和 AAA 合規性。
- ✓使用 WCAG 2.1 相對亮度公式計算對比度
- ✓測試所有四個 WCAG 合規性等級：AA/AAA（適用於普通文本和大文本）
- ✓顯示兩種顏色的相對亮度值
- ✓使用顏色選擇器輸入輕鬆選擇顏色
使用步驟
- 1使用顏色選擇器選擇前景色（文字）顏色
- 2使用顏色選擇器選擇背景顏色
- 3查看立即顯示的對比度
- 4檢查正常文本和大文本的 WCAG AA 和 AAA 通過/失敗結果
- 5調整顏色，直到您的組合達到所需的水平
常見問題 (FAQ)
對於網頁可訪問性來說，什麼是良好的對比度？
WCAG 2.1 要求普通文本（AA 級）的最小對比為 4.5:1，大文本的最小對比為 3:1。對於 AAA 合規性，普通文本需要 7:1，大文本需要 4.5:1。白底黑字 (21:1) 是最大可能的對比。
WCAG 中什麼算是「大文」？
WCAG 將大文字定義為至少 18pt (24px) 或 14pt (18.66px) 粗體。大文本的對比度要求較低，因為在較低的對比度下更容易閱讀。
對比度是如何計算的？
The contrast ratio uses relative luminance values: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color luminance and L2 is the darker. Luminance is calculated using the WCAG formula: L = 0.2126 × R + 0.7152 × G + 0.0722 × B, with each channel linearized from sRGB.
這個工具可以檢查色盲的可訪問性嗎？
該工具檢查基於亮度的對比度，這有利於所有用戶，包括色覺缺陷的用戶。但是，它不會模擬特定類型的色盲。對於色盲測試，請使用專用的色盲模擬器。
法律要求的最低對比是多少？
許多無障礙法規（ADA、第 508 節、EN 301 549）引用 WCAG 2.1 AA 級作為標準，該標準要求普通文本為 4.5:1。許多國家的政府和教育網站都被法律要求達到這個水準。
權威參考資料
相關工具
繼續探索同一情境下的實用工具。