設計

色彩對比度檢測

檢查 WCAG 對比度。

不知不覺間,我們已經離開了地面。
1.00
對比度
標準正常文字大型文字
WCAG AA
WCAG AAA

選擇顏色? 色彩轉換器 · 社群個人簡介: 花式文字產生器 · 比例: 色彩明暗產生器.

使用方法

選取文字顏色與背景顏色。對比度以及各 WCAG 等級的通過/不通過結果會即時更新,並有預覽。

常見問題

我可以用色彩對比檢查器做什麼?

當你需要根據 WCAG AA 和 AAA 無障礙標準檢查文字與背景色的對比度,並有即時預覽時,色彩對比檢查器非常有用。它適合快速檢查、日常工作流程以及實用任務,只要快速的瀏覽器結果就足夠了。

我該如何正確使用色彩對比檢查器?

把號碼、ID、代碼或數值貼上你想要檢查的樣子。保留有意義的字母和數字,但除非頁面明確允許,否則請移除無意中多餘的字元。

色彩對比檢查器需要什麼輸入?

使用工具中顯示的欄位,並將輸入保持接近你想解決的真實案例。如果頁面包含範例或預設,請從這些開始了解預期格式。

色彩對比檢查器給我帶來什麼結果?

工具會回傳通過/失敗結果、偵測到的類型,以及對被檢查規則或校驗碼的簡短說明。大多數情況下,輸出會立即更新,可以複製、下載或作為下一步的參考資料。

色彩對比檢查器的準確度如何?

檢查基於公開格式規則、校驗碼數學或模式驗證。有效的結果並不能證明該號碼、帳戶、文件或識別碼存在於真實資料庫中。

當我使用色彩對比檢查器時,我的資料會上傳嗎?

這個工具設計成可以在瀏覽器中執行,所以一般輸入會在本機處理,除非頁面明確說明需要線上查詢。

使用色彩對比檢查器時,我應該避免哪些常見錯誤?

避免貼上隱藏空格、缺少校驗碼、錯誤的國家前綴,或非代表真實紀錄的範例值。

色彩對比檢查器能幫助哪些相關任務?

色彩對比檢查器適用於與「色彩對比檢查器」及鄰近需求(如「wcag contrast」)相關的使用情境。為了獲得最佳效果,請依照頁面上的標籤、範例和選項操作。

色彩對比檢查器的限制是什麼?

它檢查的是數值的公開結構,而不是私人資料庫。通過驗證並不代表所有權、平衡、身份或現實世界的地位。

我應該什麼時候再檢查色彩對比檢查器的輸出?

在依賴其進行存取控制、合規、支付、身份驗證或生產安全之前,務必再次確認輸出。