LANDERGROW · 實用工具箱
顏色對比度檢查工具
檢查文字與背景的顏色對比度，對照 WCAG AA 和 AAA 的文字標準，預覽網站配色是否清晰易讀。
免費 · 無需註冊輸入與檔案在瀏覽器內處理
清晰的文字，讓好想法被看見
預覽你的文字與背景顏色搭配。
5.54:1
AA · 普通文字✓ 透過
AA · 大號文字✓ 透過
AAA · 普通文字— 未透過
AAA · 大號文字✓ 透過
如何使用
輸入文字和背景的十六進制顏色值。
查看對比度和普通文字、大號文字的檢測結果。
調整顏色，直到目標文字達到所需對比度。
參考標準: W3C · WCAG 2.2 ↗
常見問題
AA 和 AAA 的門檻是多少？
AA 普通文字至少 4.5:1，大號文字至少 3:1；AAA 分別為 7:1 和 4.5:1。大號通常指至少 24 CSS px，或至少約 18.67 px 的粗體文字。
透過檢查就代表整個網站無障礙嗎？
不代表。本工具僅計算兩種不透明純色的文字對比度，不檢查鍵盤操作、圖片替代文字、漸變或背景圖片等其他可瀏覽性要求。
LANDERGROW AI
免費開始建立準備好了？把想法變成網站
用 LanderGrow AI 建立網站或到達網頁，將你的圖片、連結與品牌呈現給客戶。