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
🌈 Browse More Tools
Complete Guide: Color Blindness Simulator
Everything you need to know about using this tool effectively
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.
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.
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.
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.
Red and green are the most commonly confused colors under CVD.
Blue and yellow tend to remain distinct for most CVD types.
If two colors look identical in the simulator, they will look identical to someone with that CVD type.
Use this tool alongside the color blindness safe palette generator for complete accessibility checks.
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.