對比度檢查器

&#Contrast Checker

Contrast Checker is available directly in your browser, with no data uploaded.

🎨 常用配色

21.00 : 1
無障礙評級
1:1 3:1 4.5:1 7:1 21:1
AA 正常文字
≥ 4.5 : 1
通過
AA 大文字
≥ 3 : 1
通過
AAA 正常文字
≥ 7 : 1
通過
AAA 大文字
≥ 4.5 : 1
通過
這是一段正常大小的示例文字,用於展示當前前景色在背景色上的可讀性效果。The quick brown fox jumps over the lazy dog.
大文字示例 24px Bold
小號輔助文字 12px — 小字在低對比度下更容易難以辨認,需要更高的對比度來保證可讀性。
⚖️ 對比度檢查器說明

WCAG(Web 內容無障礙指南)對比度檢查器,幫助設計師和開發者驗證文字顏色與背景顏色之間的對比度是否符合無障礙標準。

📌 WCAG 對比度標準

🎯 使用場景

常見問題

什麼算"大文字"?
WCAG 定義大文字為 18pt(24px)或 14pt(18.66px)粗體及以上的文字。大文字因為筆畫更粗,在較低對比度下仍可辨識。
對比度是如何計算的?
先將 sRGB 顏色值線性化,然後按公式 L = 0.2126 × R + 0.7152 × G + 0.0722 × B 計算相對亮度。對比度 = (L1 + 0.05) / (L2 + 0.05),其中 L1 為較亮的顏色。

📚 深度解析:對比度檢查器

💡 常見使用場景

快速複核「對比度檢查器」
先輸入一組典型引數跑基準值,再做 ±10%、±20% 調參演算,檢查輸出是否沿業務常識方向變化。

❓ 常見問題(FAQ)

對比度檢查器 結果可直接用於決策嗎?
對比度檢查器 適合用於預估與複核,正式決策請結合完整資料口徑說明(口徑定義、時間區間、邊界條件)。
結果偏離預期很大怎麼辦?
先核對輸入單位與是否存在“% 與小數”混用,再確認分母與分子定義是否同口徑,最後替換一組可復現例項複測。
⚠️ 使用說明與注意事項