開發者🔒 在瀏覽器中運行

色彩對比度檢查器

檢查WCAG AA/AAA色彩對比度合規性

文字顏色

背景顏色

預覽標題文字

這是使用這些顏色的內文文字效果。

這是供參考的小文字。

對比度

21.00:1

WCAG AA

一般文字✓ 通過

大文字（18px+）✓ 通過

UI元件✓ 通過

WCAG AAA

一般文字✓ 通過

大文字（18px+）✓ 通過

關於色彩對比度檢查器

色彩對比度檢查器根據WCAG 2.1指引評估兩種顏色之間的對比度。它會告訴你顏色組合是否符合一般文字、大文字和UI元件的AA或AAA無障礙標準。所有操作在瀏覽器中執行。

什麼是好的對比度？

WCAG AA要求一般文字的最低對比度為4.5:1，大文字（18px+或14px+粗體）為3:1。WCAG AAA要求一般文字7:1，大文字4.5:1。對比度越高，可讀性越好。

AA和AAA有什麼區別？

AA是大多數網路內容建議的最低標準。AAA是更嚴格的標準，為視力障礙使用者提供更好的可讀性。滿足AAA是理想的，但並非總是必須的。

對比度是如何計算的？

對比度使用WCAG 2.1定義的每種顏色的相對亮度進行計算。該公式在1:1（無對比度）到21:1（黑白最大對比度）的範圍內比較較亮和較暗的顏色。