顏色對比度檢查

輸入文字色和背景色,計算對比度並檢查 WCAG 要求,改善文字可讀性。

免費瀏覽器
對比度
17.74:1
AA 正文字號
通過
AA 大字號
通過
AAA 正文字號
通過
AAA 大字號
通過
可讀文本預覽

關於顏色對比度檢查

計算前景和背景色的對比度,並檢查 WCAG 文字對比度閾值。結合預覽比較文字在深淺背景上的可讀性。

如何使用顏色對比度檢查

  1. 輸入前景色和背景色。
  2. 查看對比度及普通文字、大文字結果。
  3. 調整顏色,讓目標字號滿足所需閾值。

輸入與輸出示例

輸入與設置
文字:#000000
背景:#ffffff
預期輸出
對比度 21:1,滿足顯示的文字對比度閾值。

適用場景

  • 檢查正文和按鈕文案的顏色。
  • 評估品牌色在深色背景上的表現。

使用前需要了解的限制

對比度只覆蓋無障礙的一部分。漸變、圖片背景、透明度和控件各狀態需要另行檢查。

數據處理與費用

核心操作在瀏覽器中完成,工具輸入不會上傳處理。網站仍可能使用會話 Cookie,並按隱私政策收集運行或使用數據。

在瀏覽器中免費使用,無需登錄。

常見問題

它使用 WCAG 相對亮度對比度公式,並展示普通文本與大字號文本的 AA/AAA 判斷。

不代表。對比度只是重要檢查項之一,無障礙還與字號、字重、焦點態、佈局、動效和上下文有關。

可以。粘貼或選擇前景色和背景色,即可快速判斷這組顏色是否適合承載文本。

相關工具