Preview how your designs look to users with deuteranopia, protanopia, tritanopia, and other color vision differences
Color Blindness Simulator
Simulation Controls
Adjust settings to simulate different types of color blindness
Information
About this type of color blindness
Protanopia (Red-Blind)
Inability to perceive red light, causing reds to appear as black or dark gray, and greens to appear beige.
Prevalence: Affects approximately 1% of males
Color Simulation
See how a specific color appears to someone with color blindness
#3b82f6
#3b82f6
How the color appears with Protanopia (Red-Blind)
Original
Simulated
Color Blindness Simulator
Simulate how colors and images appear to people with different types of color blindness, helping you design more accessible content.
Features
Multiple Color Blindness TypesSimulate protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), and achromatopsia (total color blindness).
Adjustable SeverityControl the severity of the color blindness simulation to represent different degrees of color vision deficiency.
Single Color and Image ModesTest individual colors or upload images to see how they appear to people with color blindness.
Download Simulated ImagesSave the simulated images for use in presentations or documentation about accessibility.
How to Use
Select a Color or Upload an ImageChoose a color using the color picker or upload an image you want to test.
Choose a Color Blindness TypeSelect the type of color blindness you want to simulate.
Adjust the SeverityUse the slider to adjust the severity of the color blindness simulation.
View the ResultsCompare the original color/image with the simulated version to see the differences.
Download (Image Mode)If you're working with an image, you can download the simulated version for your records.
Common Uses
Accessibility TestingTest your website, app, or design for color accessibility issues.
Educational PurposesUnderstand how people with color blindness perceive the world.
Design ImprovementIdentify and fix potential issues in your color schemes and visual designs.
Data VisualizationEnsure charts, graphs, and infographics are readable by people with color vision deficiencies.