WCAG 色彩對比度計算器
測量前景色與背景色之間的 WCAG 對比度，以確認您的文字具有良好的可讀性和無障礙性。
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0.0103 + 0.7152×0.0103 + 0.0722×0.0103 = 0.0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0.0103 + 0.05) = 17.40
此計算機如何運作？
WCAG 對比度為（較亮亮度 + 0.05）/（較暗亮度 + 0.05），範圍從 1:1 到 21:1。一般文字至少需要 4.5:1，大型文字至少需要 3:1 才能通過 AA；AAA 則需要 7:1 和 4.5:1。輸入兩個十六進位顏色即可立即檢查。
公式
How this is calculated
輸入前景（文字）十六進位顏色和背景十六進位顏色。接受 3 位縮寫（#fff）和 6 位（#ffffff）兩種形式，有無前置 「#」 皆可。
每個顏色都會轉換為其相對亮度。8 位元通道值除以 255，然後線性化：若結果 s 不超過 0.03928，則除以 12.92；否則計算 ((s + 0.055) / 1.055) 的 2.4 次方。線性化的紅、綠、藍值分別以 0.2126、0.7152 和 0.0722 加權後相加，得到亮度 L。對比度為 (Llighter + 0.05) / (Ldarker + 0.05)，其中 0.05 項模擬環境眩光。比值從 1:1（相同顏色）到 21:1（純黑色在純白色上）。
WCAG 2.1 閾值決定通過結果：AA 要求一般文字至少 4.5:1，大型文字（約 18pt，或 14pt 粗體）至少 3:1；AAA 要求一般文字 7:1，大型文字 4.5:1。計算是對稱的，因此交換前景和背景會得到相同的比值。它僅評估顏色，不考慮不透明度、抗鋸齒或重疊圖層。
常見問題
一般正文文字至少需要 4.5:1，大型文字（約 18pt 一般或 14pt 粗體）至少需要 3:1。對於更嚴格的 AAA 等級，需要一般文字 7:1 和大型文字 4.5:1。
不重要。公式使用較亮和較暗的亮度，與您將哪個顏色標記為前景無關，因此交換兩個輸入產生相同的比值。
純白色的相對亮度為 1，純黑色為 0。將這些代入 (1 + 0.05) / (0 + 0.05) 恰好得到 21，即最高可達對比度。
也稱為
TG we-Calculate Editorial Team. (2026). WCAG 色彩對比度計算器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh-tw/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG 色彩對比度計算器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG 色彩對比度計算器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh-tw/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG 色彩對比度計算器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh-tw/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
這個計算機對您有幫助嗎？