Why color simulation matters
A color that looks clear to you can become difficult to distinguish for people with protanopia, deuteranopia, or tritanopia. This simulator helps you see that difference and adjust your palette before it goes live.
Note: These simulations are approximate. Actual color perception will vary by individual, but this tool gives a strong indication of how your color choices perform for key types of color blindness.
Understand contrast
Compare your chosen color against its simulated equivalents, then update your design to maintain contrast and clarity for every visitor.
Save design time
Test colors before you finalize them and avoid time-consuming redesigns after launch.
Build accessible palettes
Use this simulator alongside your color picker to choose hues that work well both visually and accessibly.
How to use the simulator
Start by selecting a color. The tool will update the preview cards immediately and show the closest simulated values for the most common types of color vision deficiency.