色彩對比檢查

為文字與背景配色,留一個清楚的依據。

互動處理需要啟用 JavaScript。以下使用方式、限制與常見問題可直接閱讀;檔案只在你的瀏覽器處理。

色彩對比檢查使用指南

輸入不透明文字色與背景色,以 WCAG 2.2 的 sRGB 相對亮度公式計算對比,核對 AA/AAA 一般文字及大字門檻。

如何使用

  1. 輸入 #RGB 或 #RRGGBB 文字色與背景色,亦可用選色控制項。
  2. 按檢查對比,核對未四捨五入值判斷的四種門檻。
  3. 查看配色預覽,必要時交換色彩,再匯出對比報告。

格式與限制

  • 只接受不透明 sRGB 純色;不支援透明、漸層或圖片背景。
  • AA 一般文字 4.5:1/大字 3:1;AAA 一般文字 7:1/大字 4.5:1。大字至少 24 CSS px,或約 18.67 CSS px 粗體。

輸出內容

含色碼、對比度、四種判斷及 W3C 來源的 TXT 報告。

常見問題

數值通過就代表網站符合無障礙嗎?

不代表。此處僅檢查不透明純色文字對比;焦點、鍵盤、結構、字幕及其他無障礙要求仍須分別驗證。

檔名與內容只在你的瀏覽器處理,不傳到伺服器。原始檔不覆蓋,離開工具前請先匯出需要的結果。