Color Blindness Simulator
Preview an image under common color-vision deficiency simulations
Color Blindness Simulator — what it does
Load an image and this tool re-renders it through a simulation of protanopia, deuteranopia, tritanopia or complete achromatopsia. Each mode transforms the colour channels the way the corresponding cone deficiency does, giving a realistic preview of how roughly one in twelve men and one in two hundred women will see your design.
When this tool helps
- Checking whether a chart still reads when its red and green series look nearly identical to a viewer with deuteranopia.
- Reviewing a UI where status is signalled only by colour, such as a red error next to a green success state.
- Testing marketing artwork, maps or signage before print, when a redesign after production is expensive.
How to use it
- Choose the image you want to check.
- Select a simulation type from the list.
- Review the rendered preview against the original.
- Download the result to attach to a design review.
Accuracy, limits, and good practice
- Deuteranopia and protanopia together account for the large majority of colour-vision deficiency; test those two first.
- If a distinction disappears under simulation, add a second cue — a label, an icon, a pattern or a difference in lightness.
- Simulations approximate perception rather than reproduce it. They are excellent for finding problems, not for certifying accessibility.
Frequently asked questions
Which type is the most common?
Deuteranomaly, a reduced green sensitivity, is by far the most frequent form, and deuteranopia is the closest simulation available here.
Does passing this mean my design is accessible?
It is one useful check. Contrast ratios, text size, focus states and keyboard access all matter as much as colour separation.
Can I simulate partial deficiency?
These modes simulate the full dichromatic case, which is the strictest test. A design that survives it will comfortably survive milder anomalies.
Related tools on this site
- Circular Avatar Crop — Crop an image into a circular PNG avatar
- Image Color Replacer — Replace a selected color using adjustable tolerance
- Pixelate & Blur Image — Apply privacy-friendly pixelation or blur and download the result
Everything above runs inside this page. Color Blindness Simulator needs no account, no upload, and no server round trip — close the tab and nothing is left behind.
色盲視覺模擬器能做什麼
載入圖片後，工具會以紅色盲、綠色盲、藍色盲或全色盲的模擬方式重新算圖。每個模式都依對應的視錐細胞缺失方式轉換色彩通道，讓你實際看到約每十二位男性、每兩百位女性中就有一位所看到的畫面。
什麼時候用得上
- 檢查圖表在綠色盲眼中紅綠系列幾乎相同時，是否仍然讀得懂。
- 檢視只用顏色表達狀態的介面，例如紅色錯誤與綠色成功並列的情況。
- 在付印前測試行銷素材、地圖或標示，因為產出後再改設計成本很高。
使用步驟
- 選擇要檢查的圖片。
- 從清單中選擇模擬類型。
- 把模擬結果與原圖對照檢視。
- 下載結果，附在設計審查文件中。
精確度、限制與實務建議
- 綠色盲與紅色盲合計佔色覺障礙的絕大多數，建議優先測這兩種。
- 若某個區別在模擬下消失，請補上第二種提示：文字標籤、圖示、紋理或明度差異。
- 模擬是近似而非重現，很適合用來找問題，但不能當作無障礙的認證依據。
常見問題
哪一種最常見？
綠色弱（綠色敏感度下降）遠比其他型態普遍，本工具的綠色盲模式是最接近的模擬。
通過這個測試就代表無障礙了嗎？
這只是其中一項檢查。對比度、字級、焦點樣式與鍵盤操作，重要性與色彩區別不相上下。
可以模擬程度較輕的色弱嗎？
這些模式模擬的是完全二色視的情況，屬最嚴格的測試；能通過它的設計，對較輕微的色弱一定沒問題。
本站相關工具
以上步驟全部在這個頁面內完成，色盲視覺模擬器 不需要註冊、不上傳檔案、也不經過伺服器，關閉分頁後不會留下任何資料。