免費設計工具
顏色對比檢測。
免費顏色對比檢測：輸入文字色與背景色立即算出 WCAG 對比值，判定 AA 與 AAA 等級是否通過並即時預覽，網頁設計、簡報配色、無障礙檢測必備。
對比值—
AA 一般文字（≥4.5）—
AA 大字（≥3.0）—
AAA 一般文字（≥7.0）—
AAA 大字（≥4.5）—
即時預覽
大標題文字 24px 的效果
這是一段內文大小的文字。低對比的配色在設計稿上看起來很精緻，實際上路後使用者在手機上、在陽光下、在視力退化後，讀起來完全是另一回事。
按鈕文字常見問題
對比值多少才算合格？
WCAG 無障礙標準：一般內文對比至少 4.5 比 1（AA 級）、7 比 1 更佳（AAA 級）；大字（約 24px 以上或 19px 粗體）放寬到 3 比 1。淺灰字配白底常常只有 2 點多，看起來高級但很多人根本讀不到。
為什麼要在意顏色對比？
低對比的文字對視力不佳者、長輩、在陽光下看手機的所有人都是障礙，全球約每十二名男性就有一位色覺異常。對比合格的頁面轉換率通常更好——看不清楚的按鈕沒有人會按，無障礙同時就是好生意。
對比值是怎麼算出來的？
把兩個顏色各自換算成相對亮度（人眼對綠色最敏感，權重不同），再用亮的除以暗的加上修正常數，得到 1 到 21 之間的比值：黑配白是 21 比 1，同色是 1 比 1。這是 WCAG 的標準公式，本工具照標準實作。
品牌色對比不足怎麼辦？
不用換掉品牌色，常見解法：文字用品牌色的深階版本（同色相降亮度）、品牌原色留給大面積色塊與裝飾、按鈕文字改用白色或深色。用選色器把亮度往下調到對比達標，色感不變、可讀性達標。