Color Blindness Simulator
Design utilities: colors, gradients, CSS, and SVG tools.
What does this tool do?
Check how your colors appear to people with color vision deficiency. Pick any color and instantly see simulations of protanopia (red-blind), deuteranopia (green-blind) and tritanopia (blue-blind) side by side.
Key features
- Live preview
- Copy CSS instantly
- Export options
- Professional output
Check how your colors appear to people with color vision deficiency. Pick any color and instantly see simulations of protanopia (red-blind), deuteranopia (green-blind) and tritanopia (blue-blind) side by side.
How to Use
- Enter a hex color or use the color picker.
- Compare the original with three color-blindness simulations.
- Adjust your palette until key colors stay distinguishable.
Core Features
- Protanopia, deuteranopia and tritanopia simulations
- Research-based Machado transformation matrices
- Instant side-by-side comparison with hex values
- Free, private, runs fully in your browser
Frequently Asked Questions
Why does this matter for design?
Around 8% of men and 0.5% of women have color vision deficiency. If your error states or charts rely only on red vs green, many users cannot tell them apart.
Is this simulator free?
Yes, free forever with no signup.
How to Use Color Blindness Simulator
Reviews & Comments
No reviews yet. Be the first to share your experience!
Your feedback helps others discover great tools.