Color Blindness Simulator
Simulate different types of color blindness on images.
Normal
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
What This Tool Helps You Do
Color Blindness Simulator helps you simulate different types of color blindness on images. It is designed for designers and front-end teams creating token systems, layouts, typography, accessibility checks, and UI assets who need color blindness, accessibility, and color vision without switching into a heavier toolchain than the task actually requires.
Use these tools to speed up routine design work such as scale building, contrast checks, token export, and CSS generation. On this page, the focus is color blindness and accessibility. For this tool, the main processing happens in your browser tab and the output is prepared on the same device. That makes it a better fit for quick edits, conversions, cleanup, and review work that should stay close to the source file or pasted data.
Best For
Recommended Workflow
Add the file or files you want to work with, then confirm the specific source content for this task.
Tune the available inputs and settings so color blindness simulator produces output that matches your workflow instead of a generic default.
Preview the result from color blindness simulator, then copy, download, or export the finished output for the next step in your workflow.
Processing and privacy
For this tool, the main processing happens in your browser tab and the output is prepared on the same device. That makes it a better fit for quick edits, conversions, cleanup, and review work that should stay close to the source file or pasted data.