Free Color Tools
Color Vision Deficiency Simulator
Preview a local image through approximate protanopia, deuteranopia, tritanopia, and grayscale filters.
What this tool does
The browser applies directional color matrices to a local preview while preserving the source file.
Preview a local image through approximate protanopia, deuteranopia, tritanopia, and grayscale filters.
The browser applies directional color matrices to a local preview while preserving the source file.
Use the tool
Simulate common color-vision differences
Choose an image and a simulation mode.
Image and simulation mode
Drop a JPEG, PNG, or WebP here
Maximum file size: 25 MB
Approximate simulation
How to use it
Three quick steps
- 1Choose an image and a simulation mode.
- 2Compare the original and simulated previews.
- 3Verify the result in its real production context. The filters are approximations and cannot represent every person’s vision or viewing environment.
Worked example
Example: Color Blindness Simulator
Check whether red and green campaign status markers remain distinguishable without their hue difference.
FAQ
Questions about the color blindness simulator
Practical details about using the tool and understanding its result.
Keep working
Related tools
Accessible Palette Builder
Build a tonal color scale and identify readable black or white text for every swatch.
Open toolColor Contrast Checker
Check foreground and background colors against WCAG AA and AAA contrast targets.
Open toolPalette from Image
Sample five dominant colors from a local image and copy the resulting HEX values.
Open toolFrom one asset to the whole workflow
Keep this decision connected to the work, feedback, and final approval.
Draftroom keeps projects, creative files, feedback, revisions, and approvals connected in one workspace.