Color Blindness Simulator
See how a color combo appears to users with different types of color blindness. Test accessibility for protanopia, deuteranopia, and tritanopia.
Color Selection
Quick Presets
Color Blindness Type
Simulation Result
Original Colors
Sample Text
The quick brown fox jumps over the lazy dog
FG: #000000 | BG: #ffffff
As seen with Normal Vision
Sample Text
The quick brown fox jumps over the lazy dog
FG: #000000 | BG: #ffffff
Accessibility Tips
• Use sufficient contrast
Ensure at least 4.5:1 ratio for normal text, 3:1 for large text
• Don't rely on color alone
Use icons, patterns, or text labels alongside color coding
• Test with multiple types
Check your design with different color blindness simulations
• Consider colorblind-friendly palettes
Use tools and palettes designed for accessibility
Share This Tool
Found this tool helpful? Share it with others who might benefit from it!
💡 Help others discover useful tools! Sharing helps us keep these tools free and accessible to everyone.