Color Blindness Simulator
Simulate how designs appear to users with color vision deficiencies
Color Selection
Choose a color to simulate color blindness
No color vision deficiency
Color Comparison
Original color vs. simulated color vision deficiency
Original Color
#0070f3
Normal Vision
Normal Vision
#0070f3
No change
All Color Blindness Types
See how the selected color appears across different types
Normal Vision
#0070f3
Protanopia
#304dcb
Deuteranopia
#2a3fbd
Tritanopia
#06bad8
Achromatopsia
#5d5d5d
How to Use
1. Select a color using the color picker or enter a hex value
2. Choose a color blindness type to simulate
3. Compare the original and simulated colors side by side
4. Review all types at once to ensure accessibility across vision deficiencies