跳至主要內容

功能指南

無障礙對比度檢查

在色盤用於產品之前,調色盤實驗室會告訴你哪些組合的文字對比度符合 WCAG、哪些顏色對色覺障礙者難以分辨,以及這些顏色在真實介面中的樣子。

Pro 包含在 ColorSnapr Pro 中 更新於:

無障礙對比度檢查

重點

  • 對比度矩陣:每組背景 × 文字的對比度及 AA / AA 大字 / AAA 結果。
  • 色覺衝突:在紅色盲、綠色盲或藍色盲下難以分辨的組合。
  • 介面預覽:將色盤套用到按鈕、卡片與文字上。
  • 在 Oklab 中內插的平滑漸層。
  • 每種已儲存的顏色也會免費顯示與白色和黑色文字的對比度。

使用方式

  1. 1 開啟色盤,選擇「調色盤實驗室」。
  2. 2 查看「無障礙」分頁:有外框的格子代表一般文字通過 AA。
  3. 3 切換到預覽或漸層,調整顏色後再次檢查。

常見問題

使用哪些 WCAG 標準?

依照 WCAG 2:一般文字 4.5:1(AA)、大字 3:1(AA 大字),AAA 為 7:1。

調色盤實驗室免費嗎?

調色盤實驗室屬於 ColorSnapr Pro。每種已儲存顏色與白色和黑色文字的對比度可免費查看。

在手機上試試看——ColorSnapr 可免費下載。