什麼是 Color Contrast Checker？
Color Contrast Checker（色彩對比度檢查工具）是一款專為網頁設計師、前端開發者與無障礙專家打造的免費線上工具。它能快速計算兩種顏色之間的對比度，並依據 WCAG 2.1（Web Content Accessibility Guidelines）標準評估是否符合 AA 與 AAA 無障礙規範。
什麼是 WCAG 對比度？
WCAG 2.1 定義了色彩對比度的計算方式，透過相對亮度（Relative Luminance）公式來計算前景色與背景色的對比比值。對比度越高，文字越容易閱讀，特別是對於視力較弱的使用者。
- AA 標準：一般文字需 ≥ 4.5:1，大型文字（18pt 或 14pt 粗體）需 ≥ 3:1
- AAA 標準：一般文字需 ≥ 7:1，大型文字需 ≥ 4.5:1
為什麼對比度很重要？
良好的色彩對比度不僅能提升所有使用者的閱讀體驗，更是無障礙網頁設計的關鍵要素。全球約有 2.17 億人有中度至重度視力障礙，確保足夠的對比度可以讓您的網站更具包容性，同時也能避免潛在的法律風險。
如何使用此工具？
使用方式非常簡單：在左側分別設定前景色（文字顏色）與背景色，您可以透過顏色選擇器、直接輸入 HEX、RGB 或 HSL 值來調整顏色。右側會立即顯示即時預覽、對比度數值與 WCAG 評估結果。如果配色未通過標準，我們也會提供具體的改善建議。
對比度的計算方式
對比度是根據 WCAG 2.1 規範的相對亮度公式計算：L = 0.2126 × R + 0.7152 × G + 0.0722 × B，其中 R、G、B 為經過 Gamma 校正的 sRGB 值。對比度比值 = (L₁ + 0.05) / (L₂ + 0.05)，其中 L₁ 為較亮的顏色，L₂ 為較暗的顏色。