我的小工具 / 色彩對比檢查器

免費線上色彩對比檢查器，可計算 WCAG AA / AAA 對比值，並預覽標題、內文、外框按鈕與實心按鈕。

常見問題

色彩對比檢查器是用來做什麼的？

色彩對比檢查器用來確認文字與背景色的對比是否足夠，協助符合網頁無障礙（WCAG）可讀性建議。輸入前景與背景色即可看到對比值與是否通過，適合設計師檢查介面與圖卡的可讀性。

對比要達到多少才算合格？

一般內文建議對比至少達 WCAG AA 的 4.5:1，大型文字可放寬到 3:1。工具會即時顯示是否通過，方便在配色階段就調整到符合無障礙標準。