🌗 色彩對比檢查器（WCAG AA / AAA）
立即檢查您的文字和背景顏色配對是否符合 WCAG 2.x AA 或 AAA 可用性標準 — 直接在瀏覽器中使用，完全免費，您的數據永遠不會離開設備。選擇或輸入任何十六進制顏色，查看精確的對比比例，並獲得正常文字、大型文字以及兩種合規等級的明確通過或失敗徽章。
文字顏色
背景顏色
對比結果
—
對比比例
即時預覽
隱私優先設計. 此工具完全在您的瀏覽器中運行 — 您輸入的內容不會上傳或儲存，而且它可以在離線狀態下使用。
關於
WCAG（網路內容可用性指南）對比比例公式使用 IEC 61966-2-1 sRGB 標準計算每種顏色的相對亮度，然後計算一種顏色比另一種顏色亮多少。4.5:1 或更高的比例符合 AA 標準（16 像素文字），而 7:1 或更高符合 AAA 標準。大型文字（24 像素或 18.67 像素粗體）有較鬆的門檻：AA 為 3:1，AAA 為 4.5:1。此工具在您的瀏覽器中完全運行 WCAG 2.x 算法 — 無伺服器、無帳號。結果會本地儲存，因此當您返回時，最後一組顏色配對會等待著您。
如何使用
- 使用顏色選擇器選擇文字顏色，或在文字顏色欄位中輸入十六進位碼（例如 #1a2b3c）。
- 以相同方式在背景顏色欄位中選擇背景顏色。使用交換按鈕可以快速切換兩種顏色。
- 閱讀以大字顯示的對比比例，並查看四個通過/未通過的徽章：AA 和 AAA，分別適用於一般文字和大字。
- 在實時預覽區查看文字在所選背景上的實際顯示效果，再最終確定您的設計。
常見問題
- 這個 WCAG 對比檢查器可以免費使用嗎？
- 是的，完全免費，無需註冊、無付費牆、無使用限制。打開頁面即可立即開始檢查顏色。
- 它可以在離線或沒有網際網路連接的情況下使用嗎？
- 是的。所有計算均在您的瀏覽器中完成，使用 JavaScript。頁面載入後，您可以斷開網際網路連接，工具仍可繼續運作。不會將任何數據傳送至任何伺服器。
- 我的顏色數據是私密的嗎？會上傳任何東西嗎？
- 您的顏色永遠不會離開您的瀏覽器。不會對您輸入的顏色進行任何分析，不會上傳，也不會與第三方共享。僅在您的瀏覽器的 localStorage 中保存最後一組顏色配對。
- WCAG AA 和 AAA 之間有什麼區別？
- AA 是大多數法規（例如 ADA、EN 301 549）所要求的最低標準。一般文字需要 4.5:1 的比例；大字（24 像素或粗體 18.67 像素）需要 3:1。AAA 是增強的可存取性：一般文字需要 7:1，大字需要 4.5:1。所有生產設計至少應達到 AA 標準。
- 我可以使用 3 位數的十六進位簡寫（例如 #fff）來檢查顏色嗎？
- 可以。工具接受 3 位數簡寫（#rgb）和完整的 6 位數（#rrggbb）十六進位碼。只需輸入或貼上您的顏色，檢查器會自動擴展並驗證它。
- 此工具會上傳我的資料嗎？
- 不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。