開發輔助

無障礙顏色對比度檢查器

免費線上 WCAG 顏色對比度檢查工具。計算對比度比率,驗證 AA/AAA 合規性,預覽文字可讀性,並模擬色盲效果以實現無障礙設計。

免費使用 無需註冊 在瀏覽器中執行

工具工作區

Large Heading Text
Large Text (18px+ bold)
Normal body text — The quick brown fox jumps over the lazy dog. Check if this is readable against the background color.
Contrast Ratio
14.63:1
WCAG AA
Normal text (≥4.5:1)
Large text (≥3:1)
WCAG AAA
Normal text (≥7:1)
Large text (≥4.5:1)
Color Blindness Simulation
Protanopia (red-blind)
Sample text preview
Ratio: 15.36:1AA Pass
Deuteranopia (green-blind)
Sample text preview
Ratio: 15.69:1AA Pass
Tritanopia (blue-blind)
Sample text preview
Ratio: 13.31:1AA Pass

什麼是無障礙顏色對比度檢查器?

無障礙顏色對比度檢查器是一款可直接在瀏覽器中使用的實用工具。免費線上 WCAG 顏色對比度檢查工具。計算對比度比率,驗證 AA/AAA 合規性,預覽文字可讀性,並模擬色盲效果以實現無障礙設計。它適合處理日常工作、學習、開發和資料整理中的具體任務,無需安裝額外軟體;在工具支援的情況下,輸入內容會保留在目前裝置中處理。

如何使用無障礙顏色對比度檢查器

  1. 1在 “Foreground (Text)” 和 “Background” 中輸入顏色值,或使用 “Pick” 直接選色。
  2. 2工具會即時計算對比度,並顯示 WCAG AA/AAA 等級是否滿足正文或大字號文字要求。
  3. 3根據結果繼續微調前景色和背景色,直到拿到可複製到設計系統或頁面樣式中的組合。

無障礙顏色對比度檢查器的常見使用情境

快速完成日常任務

無需安裝桌面軟體,打開網頁即可處理常見的文字、圖片、資料或格式轉換工作。

檢查與整理內容

在提交檔案、發布內容或複製結果之前,快速發現格式問題並取得結構清楚的輸出。

重視隱私的瀏覽器處理

對於支援本機執行的工具,資料會留在目前瀏覽器中,不需要上傳到第三方服務。

常見問題

無障礙顏色對比度檢查器可以解決什麼問題?

免費線上 WCAG 顏色對比度檢查工具。計算對比度比率,驗證 AA/AAA 合規性,預覽文字可讀性,並模擬色盲效果以實現無障礙設計。

這個工具需要註冊或付費嗎?

不需要。你可以直接免費使用,不必建立帳號。

工具會上傳我的資料嗎?

工具會盡可能在瀏覽器本機執行。需要後端服務的功能會在頁面上明確標示。