約8%的男性及0.5%的女性有不同程度的色覺障礙。此工具可模擬常見類型的視覺效果 — 紅色盲(Protanopia)、綠色盲(Deuteranopia)、藍色盲(Tritanopia)及全色盲(Achromatopsia,純灰階)。適用於圖表、UI截圖或照片,提前發現對色覺障礙用戶而言「隱藏」的可訪問性失敗。
各類型代表意義
- 紅色盲(Protanopia,約1%男性):無法辨識紅色,紅色呈現為深灰黃。
- 綠色盲(Deuteranopia,約1%男性):無法辨識綠色,最常見類型。紅與綠色視覺相似。
- 藍色盲(Tritanopia,極為罕見):無法辨識藍色,藍與黃色視覺相似。
- 全色盲(Achromatopsia,極為罕見):完全無色覺,僅見灰階。
- 異常三色視覺(Anomalous trichromacy,約5%男性):色覺敏感度降低而非完全缺失,我們模擬中度情況。
應留意的設計問題
- 僅依賴顏色的圖表圖例。對綠色盲者而言,紅線與綠線難以分辨。
- 僅以紅色標示表單錯誤。應搭配圖示或文字標籤。
- 狀態指示器。紅黃綠交通燈式設計是極端案例。
- 圓餅圖與堆疊條形圖。相近色調的切片失去邊界區分。
搭配對比檢查器使用
色覺障礙是可訪問性的一個軸向,對比度是另一個。請在同一截圖上使用對比檢查器,驗證文字與背景是否符合WCAG AA / AAA標準。
使用情境:數據可視化
預設圖表配色(如matplotlib的tab10、Excel預設)常包含問題配對。透過本工具檢視您的儀表板,找出哪些系列會互相衝突。推薦替代配色:viridis、cividis、ColorBrewer的可訪問性對比配色。
關於 色覺障礙模擬器
色覺障礙模擬器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。
預覽您的設計對色覺障礙人士的視覺效果。
如何使用 色覺障礙模擬器
- 從色板中選擇顏色,或貼入 HEX / RGB 值。
- 調整輸出 — 色調、對比度、補色。
- 複製值,或將色板匯出為 JSON。
何時使用它
常見用途包括:
為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。
免費 vs 高級
每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱
高級
以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。
11
尋找稍有差異的選項?嘗試
從圖片中選取顏色
,
色彩提取器
或
漸變生成器
— 或瀏覽所有
色彩工具 工具.