無障礙功能 / 顏色

色盲模擬器

並排查看圖片、圖表或設計在紅色盲、綠色盲、藍黃色盲或全色盲眼中的樣子,也能模擬較輕微的情況。

色盲模擬器: 每種色盲都是眼睛失去3種視錐細胞中的一種。此模擬器會將每個像素轉換為視錐細胞反應,再投影到缺少該視錐細胞的人能分辨的色彩上;採用研究文獻中的參考方法Brettel、Viénot和Mollon(1997),由開放原始碼專案DaltonLens實作。較輕微的情況會將結果與原始圖片混合。全色盲只保留明度。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
色盲模擬器本機處理

全程在瀏覽器中執行

選擇或拖放圖片、螢幕擷取畫面或設計稿

點選、拖放或貼上·僅保留在此裝置

100%時,完全缺少一種錐體細胞(二色視)。

正常視覺 原始圖片
綠色盲 沒有綠色錐體細胞:紅色和綠色看起來相同;最常見,約6%的男性有其較輕微的形式
紅色盲 沒有紅色錐體細胞:紅色看起來較暗,且與綠色相同;約2%的男性有其較輕微的形式
藍黃色盲 沒有藍色錐體細胞:藍色和綠色、黃色和粉紅色看起來相同;罕見
全色盲 完全沒有色彩,只有明暗之分;非常罕見

紅綠與藍黃

紅色盲和綠色盲都會將紅色、橘色、黃色和綠色混在一系列偏黃的棕色中;紅色盲看到的紅色也會較暗。藍黃色盲會混淆藍色與綠色,以及黃色與粉紅色。在所有類型中,明暗差異仍然可見,因此對比度比色相更重要。

若要檢查文字與背景之間是否有足夠的明暗差異,請使用色彩對比檢查工具。

圖表與地圖

圖表受到的影響最大,因為圖例只靠顏色來對應線條和長條。請直接標示線條,同時改變明暗與色相,或使用為色覺障礙設計的配色,例如藍色搭配橘色。若要擷取現有圖表中的色彩並進行比較,請使用色彩調色盤擷取工具。

使用方式

  1. 選取或拖放圖片、螢幕截圖或設計;完成前會先顯示一組色彩範例。
  2. 並排比較5個版本;降低強度即可查看較輕微的情況。
  3. 下載任何模擬版本,與團隊分享。

隱私與限制

您的圖片會在瀏覽器中處理,絕不會上傳到網路。

相關工具

常見問題

色盲有多常見?

約有8%的男性和0.5%的北歐血統女性具有某種紅綠色盲,最常見的是較輕微的綠色弱。藍黃色盲和全色盲都很少見。

如何讓設計適合色盲使用者?

不要只依賴色彩:加入標籤、圖樣或圖示,並維持明度上的強烈對比。紅色和綠色並排是最容易混淆的配色;藍色和橘色是更安全的組合。

這個模擬準確嗎?

它能良好模擬二色覺者如何配對色彩,但不能完全代表每個人的實際感受,因為個體差異很大。請用它找出難以分辨的色彩。

免費工具・使用在瀏覽器中次・免註冊