Color Blindness Simulator

Simulate how colors appear to people with different types of color blindness. Test colors and images for accessibility.

See how colors and images appear to people with different types of color vision deficiency (color blindness).

Original (Normal Vision)
#FF6B35
Protanopia
#95852d
No red cones (~1%)
Deuteranopia
#b9a62f
No green cones (~1%)
Tritanopia
#ff4760
No blue cones (~0.003%)
Protanomaly
#c4812d
Weak red cones (~1%)
Deuteranomaly
#d0942f
Weak green cones (~5%)
Tritanomaly
#ff674b
Weak blue cones (~0.001%)
Achromatopsia
#a8a8a8
No color vision (~0.003%)
Achromatomaly
#d59083
Reduced color vision (Rare)
Simulations use scientifically-based color transformation matrices. All processing happens locally in your browser.

How to Use This Tool

  1. 1

    Choose a mode

    Select "Color Mode" to test individual colors, or "Image Mode" to upload and simulate an entire image.

  2. 2

    Pick a color or upload

    Use the color picker or enter a HEX code. In image mode, upload a PNG, JPEG, or WebP image.

  3. 3

    View simulations

    See how your color or image appears under 8 different types of color vision deficiency, from common to rare.

  4. 4

    Check accessibility

    Use the results to ensure your designs are accessible to people with color blindness. Aim for sufficient contrast.

Frequently Asked Questions

How accurate are these simulations?
The simulations use established color science models (Machado et al. and Brettel et al.) that are widely used in accessibility research. They provide a good approximation of how colors appear to people with CVD.
What is the most common type of color blindness?
Deuteranomaly (weak green cones) is the most common, affecting about 5% of males. Red-green color blindness overall affects roughly 8% of males and 0.5% of females.
Is my image uploaded to a server?
No. All image processing happens entirely in your browser using the Canvas API. Your images never leave your device.
How can I design for color blind users?
Use high contrast ratios, avoid relying solely on color to convey information, use patterns or labels alongside colors, and test your designs with tools like this simulator.