使用方法: 顏色對比度檢查器(WCAG)

顏色對比度檢查器(WCAG) 是一款免費線上顏色工具工具,可在瀏覽器中即時verify text contrast ratios against WCAG AA/AAA。貼上資料、調整選項即可即時獲得結果——無需安裝、無需註冊,任何資料都不會上傳到伺服器。

立即使用 顏色對比度檢查器(WCAG) →

說明

Verify text contrast ratios against WCAG AA/AAA.

  • 顏色工具
  • 由於全部運算都在客戶端完成,使用 API 金鑰、權杖或私有記錄等敏感資料時,顏色對比度檢查器(WCAG) 同樣安全。
輸入 顏色對比度檢查器(WCAG) 輸出 100% 在瀏覽器內執行——資料不會離開您的裝置。
顏色對比度檢查器(WCAG) — 輸入 → 輸出

使用方法

使用 顏色對比度檢查器(WCAG) 只需三步:

  1. 將資料貼上到輸入框(或載入範例)。
  2. 依目標格式或使用情境調整選項。
  3. 複製、下載或檢視輸出——輸入時結果即時更新。
使用方法 · 顏色對比度檢查器(WCAG) 1 將資料貼上到輸入框(或載入範例)。 2 依目標格式或使用情境調整選項。 3 複製、下載或檢視輸出——輸入時結果即時更新。
使用方法

執行

範例

Against #ffffff background.

輸入

#777777

輸出

#777777 on #ffffff

Contrast ratio: 4.48:1

WCAG 2.1:
  AA  normal text (≥4.5):  ✗ FAIL
  AA  large text  (≥3):    ✓ PASS
  AAA normal text (≥7):    ✗ FAIL
  AAA large text  (≥4.5):  ✗ FAIL
  UI components   (≥3):    ✓ PASS

Verdict: Large text only (AA)

此输出由工具真实运行产生,并非人工编写。

使用場景

顏色對比度檢查器(WCAG) 常見的使用情境:

  • Verify text contrast ratios against WCAG AA/AAA.

參數說明

此工具沒有可設定參數,直接對輸入內容生效。

常見問題

什麼是 Color Contrast Checker (WCAG)?

Color Contrast Checker (WCAG) 用於verify text contrast ratios against WCAG AA/AAA。它完全在瀏覽器內執行,資料保持私密。

Color Contrast Checker (WCAG) 可以免費使用嗎?

可以。Color Contrast Checker (WCAG) 免費、無次數限制,無需註冊或安裝。

我的資料會被上傳嗎?

不會。所有處理都在本機瀏覽器完成,不會傳送到任何伺服器。

注意事項

  • 全部计算在浏览器端完成,因此超大输入受限于标签页内存,而非服务器上传限制。

相關工具

顏色對比度檢查器(WCAG) → · 顏色工具 →

立即使用 顏色對比度檢查器(WCAG) →