功能指南
無障礙對比度檢查
在色盤用於產品之前,調色盤實驗室會告訴你哪些組合的文字對比度符合 WCAG、哪些顏色對色覺障礙者難以分辨,以及這些顏色在真實介面中的樣子。
Pro 包含在 ColorSnapr Pro 中 更新於:
重點
- 對比度矩陣:每組背景 × 文字的對比度及 AA / AA 大字 / AAA 結果。
- 色覺衝突:在紅色盲、綠色盲或藍色盲下難以分辨的組合。
- 介面預覽:將色盤套用到按鈕、卡片與文字上。
- 在 Oklab 中內插的平滑漸層。
- 每種已儲存的顏色也會免費顯示與白色和黑色文字的對比度。
使用方式
- 1 開啟色盤,選擇「調色盤實驗室」。
- 2 查看「無障礙」分頁:有外框的格子代表一般文字通過 AA。
- 3 切換到預覽或漸層,調整顏色後再次檢查。
常見問題
使用哪些 WCAG 標準?
依照 WCAG 2:一般文字 4.5:1(AA)、大字 3:1(AA 大字),AAA 為 7:1。
調色盤實驗室免費嗎?
調色盤實驗室屬於 ColorSnapr Pro。每種已儲存顏色與白色和黑色文字的對比度可免費查看。
在手機上試試看——ColorSnapr 可免費下載。