壁紙

色覺障礙模擬器

預覽您的設計如何被8%的用戶看見

預覽您的設計對色覺障礙人士的視覺效果。

拖放圖片以提取顏色,或選擇下方顏色

免費試用。

約8%的男性及0.5%的女性有不同程度的色覺障礙。此工具可模擬常見類型的視覺效果 — 紅色盲(Protanopia)、綠色盲(Deuteranopia)、藍色盲(Tritanopia)及全色盲(Achromatopsia,純灰階)。適用於圖表、UI截圖或照片,提前發現對色覺障礙用戶而言「隱藏」的可訪問性失敗。

各類型代表意義

  • 紅色盲(Protanopia,約1%男性):無法辨識紅色,紅色呈現為深灰黃。
  • 綠色盲(Deuteranopia,約1%男性):無法辨識綠色,最常見類型。紅與綠色視覺相似。
  • 藍色盲(Tritanopia,極為罕見):無法辨識藍色,藍與黃色視覺相似。
  • 全色盲(Achromatopsia,極為罕見):完全無色覺,僅見灰階。
  • 異常三色視覺(Anomalous trichromacy,約5%男性):色覺敏感度降低而非完全缺失,我們模擬中度情況。

應留意的設計問題

  1. 僅依賴顏色的圖表圖例。對綠色盲者而言,紅線與綠線難以分辨。
  2. 僅以紅色標示表單錯誤。應搭配圖示或文字標籤。
  3. 狀態指示器。紅黃綠交通燈式設計是極端案例。
  4. 圓餅圖與堆疊條形圖。相近色調的切片失去邊界區分。

搭配對比檢查器使用

色覺障礙是可訪問性的一個軸向,對比度是另一個。請在同一截圖上使用對比檢查器,驗證文字與背景是否符合WCAG AA / AAA標準。

使用情境:數據可視化

預設圖表配色(如matplotlib的tab10、Excel預設)常包含問題配對。透過本工具檢視您的儀表板,找出哪些系列會互相衝突。推薦替代配色:viridis、cividis、ColorBrewer的可訪問性對比配色。

常見問題

模擬的準確度如何?

這是根據已發表的研究(Brettel 等人)所作的感知近似。真實的色覺缺陷使用者可能會看到一些微小差異,但此近似已足夠檢測設計失敗。

支援哪些輸入格式?

JPG、PNG、WebP、HEIC。上限 25 MB。適用於照片、截圖及設計檔案。

我可以一次下載所有四個模擬嗎?

可以 — 可匯出為 2×2 網格 PNG,同時顯示所有四個模擬並排,加上原始圖像。適合在設計審查中分享。

它適用於影片嗎?

不,僅支援圖片。如需影片,請模擬其中一幀代表性畫面。

為什麼我的紅色看起來像棕色?

那是色盲中的「德特蘭波亞」——綠色色錐減少,導致紅色偏向棕色和深黃色。

關於動畫GIF呢?

我們只處理第一幀。如需完整序列,請分別運行靜態幀。

這是否用於診斷色盲?

不 — 這是一個設計工具。診斷用的 Ishihara 色盲測試圖表需在臨床環境下使用。

什麼是 WCAG 對色彩的指引?

WCAG 1.4.1 要求「色彩不可作為傳達資訊的唯一視覺方式」。請務必搭配形狀、標籤或圖案使用色彩。

關於 色覺障礙模擬器

色覺障礙模擬器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。 預覽您的設計對色覺障礙人士的視覺效果。

如何使用 色覺障礙模擬器

  1. 從色板中選擇顏色,或貼入 HEX / RGB 值。
  2. 調整輸出 — 色調、對比度、補色。
  3. 複製值,或將色板匯出為 JSON。

何時使用它

常見用途包括: 為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。

免費 vs 高級

每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱 高級 以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。

11

尋找稍有差異的選項?嘗試 從圖片中選取顏色 , 色彩提取器 漸變生成器 — 或瀏覽所有 色彩工具 工具.

高級

5

  • ✓ 6
  • ✓ 7
  • ✓ 8
  • ✓ 9
10 →
喜歡
8K壁紙
切換主題
試試看