๐๏ธ
Color Blindness Simulator
See an image as different color-vision types.
Loading toolโฆ
How to use the Color Blindness Simulator
- 1Upload or drop an image into the tool.
- 2View the original alongside the three color-vision simulations.
- 3Download any version to check your design's accessibility.
About the Color Blindness Simulator
Free online color blindness simulator. Upload an image to preview it as seen with protanopia, deuteranopia and tritanopia. Test color accessibility in your browser.
Part of our Color Tools collection. Browse all tools.
Frequently asked questions
- What types of color blindness does this simulate?
- It simulates the three main forms of dichromacy: protanopia (red-blind), deuteranopia (green-blind) and tritanopia (blue-blind), using standard color-transform matrices applied to each pixel.
- Are my images uploaded to a server?
- No. All processing happens locally in your browser using the HTML canvas API, so your images never leave your device.
More Color Tools
โ
๐จ
Color Converter
Convert colors between HEX, RGB and HSL.
โ๐
CSS Gradient Generator
Create CSS gradients and copy the code.
โ๐ฆ
CSS Box-Shadow Generator
Design box-shadows with a live preview.
โ๐
Color Contrast Checker
Check WCAG color contrast between two colors.
โ๐จ
Color Palette Generator
Generate shades, tints and matching colors.
โ๐๏ธ
Color Picker from Image
Pick any color from an uploaded image.