Color Blindness Simulator
Upload an image or enter colors to simulate different types of color vision
Drag & drop an image here, or click to browse
Supports JPG, PNG, GIF, WEBP (Max 5MB)
Upload an image or select colors to see simulation
- • Use both color and symbols
- • Ensure sufficient contrast
- • Test with simulations
- • 4.5:1 contrast minimum
- • Don't rely on color alone
- • Use patterns/textures
Types of Color Vision Deficiency
Protanopia (Red-blind)
Missing or malfunctioning red cone cells. Reds appear black, oranges and greens appear yellow.
Deuteranopia (Green-blind)
Missing or malfunctioning green cone cells. Greens appear beige, reds appear brown.
Tritanopia (Blue-blind)
Missing or malfunctioning blue cone cells. Blues appear green, yellows appear violet.
Achromatopsia (Total)
No functional cone cells. Sees only in black, white, and shades of gray.
Color Weakness (Anomalous Trichromacy)
Protanomaly, Deuteranomaly, Tritanomaly: These are milder forms where cone cells are present but don't function properly. Colors appear duller and less vibrant, but not completely absent.
Web Accessibility Guidelines (WCAG)
Don't Rely on Color Alone
Use text labels, icons, patterns, or other visual cues in addition to color to convey information.
Sufficient Color Contrast
Ensure text has enough contrast against its background for readability.
Test Your Designs
Use tools like this simulator to check how your designs appear to people with color vision deficiencies.
- • Test charts and data visualizations
- • Check button and link states
- • Verify form validation colors
- • Review image color choices
Accessibility Checklist
Related Color Tools
Contrast Checker
Check color contrast ratios for accessibility standards (WCAG compliance)
Color Picker from Image
Extract color palettes from any uploaded image with precision color selection
Palette Generator
Generate harmonious color palettes for your design projects