WCAG 2.2 顏色對比檢查器
在您的瀏覽器中本機執行依 WCAG 2.2 AA 與 AAA 檢查文字與 UI 顏色對比，並修正未通過的顏色組合
正在還原已儲存的顏色…
什麼是 WCAG 2.2 顏色對比檢查器？
WCAG 2.2 顏色對比檢查器會測量前景色與背景色之間的對比度，並回報文字 AA 與 AAA（成功準則 1.4.3 與 1.4.6）以及 UI 元件與圖形物件（成功準則 1.4.11）是否通過。它支援 HEX、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch()、color() 與 CSS 顏色名稱，將顏色組合預覽為文字與控制項，並在未通過時建議最接近的無障礙顏色。
使用方式
- 1.輸入或選擇前景色與背景色。
- 2.查看對比度以及每條 WCAG 2.2 準則的通過/未通過列。
- 3.檢查一般文字、大型文字與控制項預覽。
- 4.若有檢查未通過，選擇「調整前景色」或「調整背景色」到 AA 或 AAA，比較原始顏色與建議顏色，然後選擇「套用」。
- 5.複製結果摘要或 CSS 宣告。
對比度如何計算
每個顏色都會轉換為 sRGB，並以 WCAG 公式計算相對亮度（線性化門檻 0.04045）。對比度為 (L1 + 0.05) / (L2 + 0.05)。顯示時保留兩位小數，但每個通過/未通過判斷都使用未四捨五入的值，因此 4.499:1 即使顯示為 4.50:1 也無法通過 AA。半透明前景色會依 sRGB 色版合成到背景色上，半透明背景色則合成到底色（預設白色）上，與瀏覽器的繪製方式一致。超出 sRGB 的顏色（例如高飽和的 Display P3 或 OKLCH 值）會在測量前裁切到 sRGB，工具也會提示。
限制與隱私
本工具只測量一組顏色，不評估字型算繪、圖片或漸層上的文字，也不評估其他 WCAG 準則；如需稽核整個頁面，請使用 Web Accessibility Checker。WCAG 2.2 中的大型文字為至少 18 點，或 14 點粗體（約 24px，或 18.66px 粗體）。顏色在瀏覽器中處理，最後一組顏色只儲存在此瀏覽器的本機儲存空間。
