Color Blindness Simulator
Preview how images look for common types of color blindness.
The Color Blindness Simulator applies color vision deficiency filters to an image so you can check how charts, buttons and photos appear to people with protanopia, deuteranopia, tritanopia or achromatopsia.
common.filter
Choose image
How to use
- Choose an image file.
- Select a vision filter to preview.
- Download the filtered image if you need a copy.
Frequently asked questions
Is the image uploaded anywhere?
No, the filter is applied locally with Canvas and the file stays in your browser.
Are these simulations medically exact?
They use common color matrix approximations for design review, not clinical diagnosis.
Related tools
Color Palette Generator
Create harmonious color palettes with random, analogous, complementary and triadic modes.
Color Converter
Convert colors between HEX, RGB, HSL and HSV instantly.
Color Contrast Checker
Check WCAG contrast ratios for accessible text and UI.
Color Gradient Generator
Create CSS linear gradients with custom colors and directions.
Color Shade Generator
Generate tint and shade scales with exportable CSS variables.
Color Name Finder
Find the closest CSS color name for any color value.