桌布

色盲模擬器

預覽您的設計在8%使用者眼中的樣貌

預覽您的設計在色覺缺陷者眼中的呈現效果。

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

免費試用。

約有8%的男性和0.5%的女性存在某種形式的色覺缺陷。此工具可模擬您的圖片在每種常見色盲類型使用者眼中的樣貌——紅色盲(無法辨識紅色)、綠色盲(無法辨識綠色)、藍色盲(無法辨識藍色)及全色盲(灰階)。適用於圖表、UI截圖或照片,在使用者發現前先找出無障礙設計的盲點。

各類型色盲的意義

  • 紅色盲(1%男性):無法看見紅色。紅色呈現為暗灰黃色。
  • 綠色盲(1%男性):無法看見綠色。最常見的類型。紅色與綠色看起來相似。
  • 藍色盲(極罕見):無法看見藍色。藍色與黃色看起來相似。
  • 全色盲(極度罕見):完全無色覺——純粹灰階。
  • 異常三色覺(5%男性):敏感度降低而非完全缺失。我們模擬中度情況。

檢查重點

  1. 僅依賴顏色區分的圖表圖例。紅色與綠色線條對綠色盲來說無法區分。
  2. 僅以紅色標示的表單錯誤。應搭配圖示或文字標籤。
  3. 狀態指示器。紅黃綠的交通燈配色是最糟的情況。
  4. 圓餅圖與堆疊長條圖。相鄰區塊若色調相近會失去邊界。

搭配對比度檢查器使用

色盲是可及性的一個面向,對比度則是另一個。對同一批截圖執行對比度檢查器,確認前景/背景組合符合WCAG AA / AAA規範。

應用案例:資料視覺化

預設圖表調色盤(如matplotlib的tab10、Excel的預設色)包含有問題的配色組合。將您的儀表板透過此工具測試,找出哪些系列會混淆。建議替代方案:viridis、cividis、ColorBrewer的可及性發散調色盤。

常見問題

模擬的準確度如何?

這是根據已發表的研究(Brettel 等人)所做的感知近似。實際有色覺缺陷的使用者可能會看到細微差異,但此近似已足夠用來發現設計上的問題。

支援哪些輸入格式?

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

我可以一次下載全部四個模擬效果嗎?

可以 — 匯出為 2×2 網格 PNG,一次顯示全部四個並排效果,再加上原始圖片。這在設計審查中分享時非常實用。

這功能支援影片嗎?

不,僅限圖片。若需影片,請模擬一個代表性影格。

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

這是因為紅色盲(deuteranopia)——感知綠色的視錐細胞功能減弱,導致紅色偏向棕色和暗黃色。

那動畫GIF呢?

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

這是用來診斷色盲的嗎?

不——這是一個設計工具。診斷用的石原色盲測試圖需要臨床環境。

WCAG 對顏色的指引是什麼?

WCAG 1.4.1 規定「顏色不得作為傳達資訊的唯一視覺方式」。務必將顏色與形狀、標籤或圖案搭配使用。

關於 色盲模擬器

色盲模擬器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。 預覽您的設計在色覺缺陷者眼中的呈現效果。

如何使用 色盲模擬器

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

何時使用它

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

免費 vs 高級

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

11

尋找稍有差異的選項?嘗試 圖片取色器 , 調色盤提取器 漸層產生器 — 或瀏覽所有 色彩工具 工具.

高級

5

  • ✓ 6
  • ✓ 7
  • ✓ 8
  • ✓ 9
10 →
live
Make wallpapers
with AI.
Try