🌓
免費WCAG 顏色對比度檢查器
檢查兩種顏色是否符合 WCAG AA 和 AAA 無障礙對比度標準。在多種文字大小下即時預覽，對比度不足時自動提供建議。
載入後可離線使用
大號標題文字
正文文字（18px），適合閱讀與內容展示。
正文文字（16px），適合段落。
小號文字（14px），適合說明與後設資料。
14.63:1
對比度
✓WCAG AA — 普通文字
要求 4.5:1 · 當前 14.63:1
✓WCAG AA — 大號文字
要求 3.0:1 · 當前 14.63:1
✓WCAG AAA — 普通文字
要求 7.0:1 · 當前 14.63:1
✓WCAG AAA — 大號文字
要求 4.5:1 · 當前 14.63:1
✓UI 元件 / 圖形物件
要求 3.0:1 · 當前 14.63:1
快速預設
基於 WCAG 2.1 對比度規範。大號文字 = 18pt（24px）常規或 14pt（18.66px）粗體。HEX 程式碼雙向同步：輸入 HEX 或使用取色器，兩個輸入方塊保持同步。
工作原理
對比度檢查完全在你的瀏覽器中使用 WCAG 2.1 相對亮度演算法執行——沒有庫、沒有伺服器，只有嚴格遵循規範的手寫數學。你輸入或選擇顏色時，每個結果都會即時更新。
- 1十六進位制輸入與規範化接受 3 位（#abc）和 6 位（#aabbcc）十六進位制值，並規範化為完整的 RGB 三元組。無效輸入會被立即拒絕，而不是悄悄預設為黑色，因此會顯示紅色邊框，而不是誤導性的透過結果。
- 2WCAG 亮度計算每種顏色都按 WCAG 2.1 公式轉換為相對亮度：sRGB 通道值透過分段伽馬校正線性化（低於 0.03928 時除以 12.92，高於時取 2.4 次方），然後按 0.2126R + 0.7152G + 0.0722B 加權。
- 3對比度與合規檢查對比度按 (較亮 + 0.05) / (較暗 + 0.05) 計算，並對照全部五個 WCAG 閾值檢查：AA 普通文字（4.5:1）、AA 大號文字（3:1）、AAA 普通文字（7:1）、AAA 大號文字（4.5:1）和 UI 元件（3:1）。每次按鍵結果都會更新。
- 4保持色相的修正建議當顏色組合未通過 WCAG AA 時，工具會在 HSL 亮度空間中搜尋——從原始亮度向兩個方向逐步擴展——為每種顏色找到在保持相同色相和飽和度的同時達到 4.5:1 的最接近變體。還可以使用 EyeDropper API（Chromium）直接從螢幕上取色。