Color Blindness Simulator
Simulate how images appear to people with different types of color blindness including protanopia, deuteranopia, tritanopia, and complete color blindness. Essential accessibility tool for designers, developers, and content creators to ensure inclusive visual content for the 8% of men and 0.5% of women affected by color vision deficiency.
Drop your image here
or click to browse files
Continue Your Colors Journey
What is Color Blindness Simulator?
The Color Blindness Simulator shows how a specific color appears to people with color vision deficiencies. You enter a color and the tool simulates its appearance under protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind). It also shows the original color and the simulated versions side by side. All processing happens in the browser.
How does Color Blindness Simulator work?
This tool applies color vision deficiency simulation matrices to convert an input RGB color to its simulated appearance under each CVD type. The transformation matrices are based on published research on human cone cell responses.
Key Features
- Simulates protanopia, deuteranopia, and tritanopia
- Shows original and all three simulations side by side
- Displays hex and RGB values for each simulation
- Interactive color picker
- Copy simulated values to clipboard
- Runs in the browser with no uploads
- Real-time simulation
- Supports any RGB color
Common Use Cases
Testing UI color choices
Check whether a button color looks different enough from its background under CVD conditions.
Designing accessible logos
Verify that a brand logo remains recognizable for people with color vision deficiencies.
Creating color-coded content
Test whether colors used for status indicators, categories, or charts are distinguishable.
Educational purposes
Understand what color vision deficiency looks like by comparing original and simulated colors.
How to Use This Tool
Pick a color
Use the color picker or enter a hex code.
View simulations
The tool shows how the color looks under protanopia, deuteranopia, and tritanopia.
Compare side by side
See the original and all three simulated versions together.
Copy a simulated value
Copy the hex or RGB of a simulated color for use in accessible design.
Pro Tips
- 1
Red and green are the most commonly confused colors under CVD.
- 2
Blue and yellow tend to remain distinct for most CVD types.
- 3
If two colors look identical in the simulator, they will look identical to someone with that CVD type.
- 4
Use this tool alongside the color blindness safe palette generator for complete accessibility checks.
Frequently Asked Questions
What CVD types are simulated?
Protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind). These cover the vast majority of color vision deficiencies.
How accurate is the simulation?
The simulation uses established color transformation matrices that are widely accepted in color science. They provide a good approximation of how people with CVD perceive colors.
Is my data sent to a server?
No. All simulation happens in your browser. Nothing is transmitted.
Can I test multiple colors?
The tool simulates one color at a time. Use the color blindness safe palette generator to test multiple colors at once.
What should I do if two colors look the same?
Choose different colors that have greater contrast under CVD conditions. Alternatively, add non-color cues like patterns, labels, or icons.