對比檢查器

WCAG 兩種顏色的對比。

sRGB 中的相對亮度。普通文本AA為4.5:1,AAA為7:1。

8.33:1

普通文字 · AA 經過 · AAA 經過

大文字 · AA 經過 · AAA 經過

對比檢查器能做什麼

sRGB 中的相對亮度。普通文本AA為4.5:1,AAA為7:1。

對比檢查器被放在設計分類是有意的。它不是顏色選擇器(來自顏色的十六進制、RGB 和 HSL。),也不是QR 圖碼產生器(為 URL 或文字建立 QR 碼 - ECC、大小、安靜區域和顏色,全部在裝置上。)。只有當你需要「WCAG 兩種顏色的對比。」時才應開啟本頁。若拿對比檢查器去做相鄰工具的工作,即使版面看起來一樣,結果也會不對。

如何使用對比檢查器

  1. 這項設計任務請用對比檢查器(contrast checker)。顏色選擇器是相鄰工具(來自顏色的十六進制、RGB 和 HSL。),但不是同一個。
  2. 加入對比檢查器所接受的檔案類型。路徑提示:contrast checker。WCAG 兩種顏色的對比。
  3. 只調整與對比檢查器相符的選項。相鄰的QR 圖碼產生器是另一件事(為 URL 或文字建立 QR 碼 - ECC、大小、安靜區域和顏色,全部在裝置上。)。工具說明:sRGB 中的相對亮度。普通文本AA為4.5:1,AAA為7:1。
  4. 在本分頁執行對比檢查器。仍受瀏覽器記憶體限制:WCAG 2 相對亮度。普通文本 AA 4.5:1、AAA 7:1。大文本未建模。
  5. 從對比檢查器下載或複製結果。若任務選錯了,請改用顏色選擇器。

什麼情況下不要用對比檢查器

若相鄰工具更合適,請不要用對比檢查器,先看顏色選擇器或QR 圖碼產生器;或說明已提示會失敗時也不要用。本工具原話:sRGB 中的相對亮度。普通文本AA為4.5:1,AAA為7:1。

關於對比檢查器的常見問題

對比檢查器和其他設計頁面有什麼不同?
sRGB 中的相對亮度。普通文本AA為4.5:1,AAA為7:1。 簡短說:WCAG 兩種顏色的對比。
對比檢查器會把檔案或文字上傳到 Tool-You 伺服器嗎?
不會。對比檢查器在目前分頁執行,檔案留在本機。限制說明:WCAG 2 相對亮度。普通文本 AA 4.5:1、AAA 7:1。大文本未建模。
我是否該用顏色選擇器而不是對比檢查器?
需要「WCAG 兩種顏色的對比。」時用對比檢查器;需要「來自顏色的十六進制、RGB 和 HSL。」時用顏色選擇器。同屬設計,但不是同一項工作。
對比檢查器有哪些限制?
WCAG 2 相對亮度。普通文本 AA 4.5:1、AAA 7:1。大文本未建模。 另外:sRGB 中的相對亮度。普通文本AA為4.5:1,AAA為7:1。