顏色對比度檢查器
輸入兩種顏色，即時查看 WCAG 對比度及 AA/AAA 判定指引。
輸入 hex 或 RGB 的前景色與背景色，即時計算 WCAG 對比度，查看 AA/AAA 結果、文字預覽，並可取得可選的調整建議。
如何使用此顏色對比度檢查器
輸入或貼上前景色與背景色。工具會將有效輸入正規化為大寫 hex，即時計算 WCAG 對比度，並顯示 AA 與 AAA 閾值的通過/未通過。可使用建議修正、透過 URL 分享或重設。
WCAG 對比度閾值
WCAG 2.x 要求一般文字 AA 至少 4.5:1，大型文字 AA 至少 3:1，一般文字 AAA 至少 7:1，大型文字 AAA 至少 4.5:1。本工具始終顯示全部四項結果以便比較。
支援的顏色格式
可輸入 #RGB、#RRGGBB、rgb(r,g,b) 或逗號分隔的 r,g,b。通道須為 0–255 整數。v1 不支援 alpha 透明、8 位 hex、HSL/HSLA 與 CSS 命名顏色。
通過與未通過的意義
通過表示計算對比度達到或超過該等級閾值；未通過表示未達到。標籤與圖示搭配顏色，避免僅靠顏色傳達結果。
常见问题
為何不支援 alpha 與漸層？
v1 僅評估完全不透明的 sRGB 顏色。alpha 混合與漸層需要本工具尚未建模的合成規則，因此 rgba()、8 位 hex 與漸層分析不在 MVP 範圍內。
對比度如何計算？
使用 WCAG 相對亮度公式處理不透明 sRGB：線性化各通道、計算亮度，再套用 (較亮 + 0.05) / (較暗 + 0.05)。顯示值保留兩位小數，閾值判斷使用完整精度。
建議修正做什麼？
沿亮度路徑向黑或白確定性調整所選前景或背景色，直至達到所選 WCAG 等級，並在可能時回傳最近的合規 hex 及結果對比度。
可以分享特定顏色組合嗎？
可以。有效的前景、背景與文字大小會同步至 URL 參數（例如 ?fg=000000&bg=FFFFFF&size=normal），可直接連結至結果。
頁面會儲存我的顏色嗎？
計算完全在瀏覽器中進行。最後一組有效顏色可能儲存於本機 localStorage；使用重設可清除輸入、URL 參數與已存狀態。