Color Blindness Simulator
Preview how your colors look with different color vision deficiencies.
Related Guide
Color Blindness Simulator: Design Colors That Work for Everyone
About This Tool
Free color blindness simulator — enter one or more colors and see how they appear under protanopia, deuteranopia, tritanopia, and full monochromacy (achromatopsia), the most common types of color vision deficiency. No sign-up, no upload, entirely browser-based. Roughly 1 in 12 men and 1 in 200 women have some form of color blindness, so designers and developers use this tool to check that important UI elements, charts, and status indicators (like red/green error states) remain distinguishable for color-blind users, rather than relying on color alone to convey meaning. Side-by-side swatches show the original color next to each simulated deficiency so differences are easy to spot.
How to Use
- 1
Enter your colors
Add one or more HEX colors you want to test, such as your brand palette or a chart's color scheme.
- 2
View the simulations
See each color transformed for protanopia, deuteranopia, tritanopia, and monochromacy side by side.
- 3
Adjust for accessibility
If two colors look too similar under a simulation, choose colors farther apart in lightness, not just hue, to keep them distinguishable.