Skip to content
色盲模擬器
Tools

色盲模擬器

預覽色覺缺陷者眼中圖片的樣貌。

100% in your browser. Your image, palette and webcam stream are processed on a canvas on your device and are never uploaded — unlike tools that send or downscale your file.

No image? Try

Palette safety checker

Paste hex codes to see each swatch under every CVD type. If two colours collapse into the same tone, they're not safe to rely on alone.

These simulations model the average appearance of each colour vision deficiency using the Machado (2009) matrices. Real colour vision varies between individuals — this is a design and accessibility aid, not a medical diagnosis. For a vision assessment, see an eye-care professional.

Runs entirely in your browser. Nothing is uploaded.

用色盲者的眼睛預覽你的作品

這款色盲模擬器能將任意圖像轉換為模擬色覺缺陷患者所見的效果。上傳截圖、圖表、地圖或照片——或使用內建範例——在紅色盲、綠色盲、藍黃色盲和全色盲之間切換,立即發現設計中過度依賴顏色的部分。

與只能為當前頁面添加濾鏡的瀏覽器擴充功能不同,這款線上色盲模擬器直接處理你所選圖像的實際像素、剪貼簿內容或即時攝影機畫面——並保留完整的原始解析度,讓你能以相同品質下載模擬結果。

Machado模型精準模擬,配備嚴重程度滑桿

大多數免費模擬器只展示100%的完全二色視效果,誇大了大多數色盲人士實際所見。本工具採用Machado、Oliveira與Fernandes(2009)的生理學矩陣——與Chrome開發者工具使用的模型相同——並新增0–100%嚴重程度滑桿,支援預覽異常三色視。最常見的綠色弱(deuteranomaly)在40–60%時有最真實的預覽效果,100%則模擬更罕見的完全綠色盲。

共涵蓋八種類型:紅色弱與紅色盲、綠色弱與綠色盲、藍黃色弱與藍黃色盲、全色盲及藍錐單色視。

比較、校正與檢查

四種檢視模式讓問題一目了然。單圖模式全螢幕顯示一種類型;分屏對比滑桿在原圖和模擬圖之間來回滑動;全類型格狀顯示一次上傳即可呈現所有CVD類型;即時攝影機模式即時模擬攝影機畫面。將滑鼠懸停於圖像上可使用內建取色器,讀取任意像素的原始顏色與模擬顏色。

開啟達爾頓化可預覽經CVD校正的圖像版本,將原本會混淆的顏色分別移至色盲者仍能分辨的色彩通道——這是大多數免費模擬器沒有的功能。

檢查配色方案的可用性

設計師不總是手邊有截圖,因此內建的調色盤檢查器可讓你貼上十六進位顏色代碼(例如#e11d48#16a34a),並在正常視覺和每種CVD類型下並排查看色塊。如果你的「錯誤紅」和「成功綠」對綠色盲使用者看起來是同一種暗淡顏色,你會立刻發現——並知道需要添加圖示或文字標籤。

這是回答「我的配色是否對色盲友善?」最快捷的方式,無需離開頁面或安裝任何東西。

隱私優先設計——不上傳任何內容

所有處理都在HTML canvas本機執行,圖像、調色盤和攝影機串流永遠不會離開你的裝置。我們不設置伺服器、不要求帳戶、不限制檔案大小。這與那些將你的檔案上傳到伺服器或在處理前壓縮至800像素的模擬器形成鮮明對比——你的未發布設計稿始終屬於你自己。

將其作為發布前的快速色覺缺陷檢查:對圖表、儀表板、資訊圖、交通燈狀態和品牌配色進行常見紅綠色盲類型的檢測,修復所有僅依賴色調的部分,發布大約每12位男性中就有1位能真正識別的內容。

與Coblis、Color Oracle和DaltonLens的比較

Coblis(coblis.com)是最知名的免費色盲模擬器,但它需要將圖像上傳到外部伺服器,對未發布的UI設計存在隱私風險,且缺乏嚴重程度滑桿。Color Oracle是Windows和Mac的免費桌面應用程式,可全螢幕疊加色盲模擬,但需要安裝軟體、不支援行動裝置、且不能模擬異常三色視。DaltonLens(daltonlens.org)提供Python函式庫和瀏覽器工具——非常適合研究人員,但過於技術性,不夠適合需要快速視覺檢查的設計師。

本工具解決了上述三個問題:零伺服器上傳(本機canvas處理)、0–100%嚴重程度滑桿、無需安裝、支援包括iPhone和Android在內的任何裝置,並在同一頁面提供達爾頓化輸出和調色盤檢查器。

指導工具,非醫學診斷

這些模擬展示的是每種缺陷的平均視覺效果;真實的色覺因人而異,模擬器無法精確還原某個特定個體所見的畫面。這是一款設計和無障礙輔助工具,而非醫療設備——如需評估自身色覺,請諮詢眼科醫生,進行石原氏測試或色覺計等專業檢查。

Frequently asked questions

什麼是色盲模擬器?

色盲模擬器將圖像轉換為模擬色覺缺陷(CVD)患者所見的效果。上傳設計稿、圖表或照片,模擬器通過CVD模型重新渲染像素——例如將紅色盲患者眼中的紅色和綠色合併為暗黃褐色——讓你能識別僅依賴顏色傳遞的資訊。本工具使用Machado(2009)矩陣,完全在瀏覽器內執行。

最常見的色盲類型是什麼?

綠色弱(deuteranomaly)——綠色錐細胞敏感度降低——是最常見的類型,影響約6%的男性。這是一種局部(異常)缺陷,而非完全二色視,意味著受影響者仍擁有三種錐細胞,但光譜敏感度有偏移。將嚴重程度滑桿設為40–60%(而非100%)可預覽真實的綠色弱效果。

色盲有哪7種類型?

包含異常(局部)和二色(完全)形式:紅色弱與紅色盲(紅色通道受損)、綠色弱與綠色盲(綠色通道受損)、藍黃色弱與藍黃色盲(藍色通道受損),以及全色盲(無色彩感知)。藍錐單色視有時被列為第八種類型。本模擬器涵蓋所有類型。

我的圖像會被上傳嗎?這個工具安全嗎?

不會。所有處理都透過JavaScript在瀏覽器的canvas中完成;你的圖像不會被傳送到伺服器、上傳或儲存。頁面載入後斷開網路連線,模擬器仍可正常執行——模擬過程中不發出任何網路請求。無需帳戶、無追蹤、無伺服器端檔案大小限制。

什麼是全色盲(Achromatopsia)?

全色盲是完全的色彩感知缺失——世界以灰階呈現,因為錐細胞系統基本上無法正常運作,只剩視桿細胞提供亮度資訊。這種情況很罕見,約每3萬人中有1人受影響,通常伴隨畏光和視力下降。在類型選擇器中選擇全色盲,可將圖像轉換為基於亮度的灰階圖。

模擬器的準確度如何?

準確度取決於所使用的模型。本模擬器採用Machado、Oliveira和Fernandes(2009)的生理學模型——與Chrome開發者工具使用的模型相同——並加入嚴重程度滑桿支援異常三色視。這是非常出色的設計審查近似工具,但它模擬的是CVD的平均視覺效果,而非對特定個體視覺的臨床診斷。

在iPhone和Android上能用嗎?

可以。模擬器完全響應式,在所有現代行動瀏覽器中均可執行——iPhone/iPad上的Safari以及Android上的Chrome或Firefox。從相簿上傳圖像、貼上截圖或使用圖像選擇器均可。攝影機模擬功能在行動裝置上也正常運作,所有處理都在裝置GPU加速的canvas本機完成,無需上傳資料。

Related tools

檢視所有工具