ACCESSIBILITY TOOL

Color Blindness Simulator

Test your images and designs for 8 types of color vision deficiency. Real-time simulation, WCAG contrast analysis, and accessibility suggestions — all processed privately in your browser.

100% Private
8 CVD Types
Real-Time
No Upload

Drag & Drop an Image Here

or click to browse — PNG, JPG, WEBP, GIF, BMP, SVG (max 20MB)

Color Vision Type
Severity Level
Intensity 100%
Side-by-Side Comparison
Original
Upload or use sample image
Simulated
Simulated preview
Color Picker Test
Original
#E74C3C
→
Simulated
#E74C3C
Original RGB: 231, 76, 60
Simulated RGB: 231, 76, 60
Simulated HEX: #E74C3C
WCAG Contrast Analysis
Sample Text Aa — The quick brown fox

Normal Vision

--

Simulated Vision

--
Accessibility Suggestions

Powerful Features

👁️

8 CVD Types

Comprehensive coverage of all major color vision deficiencies including protanopia, deuteranopia, tritanopia, and achromatopsia with adjustable severity levels.

⚡

Real-Time Processing

Instant simulation powered by the Brettel-Vienot-Mollon algorithm with zero upload or server dependency. Everything runs in your browser.

📊

WCAG Contrast Analysis

Check AA and AAA compliance for both normal and color-blind vision. See contrast ratios and pass/fail status at a glance.

🎨

Color Picker Test

Test individual colors and see exactly how they appear to people with different types of color vision deficiency in real-time.

📥

One-Click Download

Export simulated images or side-by-side comparisons instantly. Perfect for presentations, reports, and accessibility documentation.

🔒

100% Private

All image processing happens locally in your browser. No data is ever uploaded to any server. Your images stay completely private.

Frequently Asked Questions

Color blindness (color vision deficiency or CVD) is a reduced ability to distinguish between certain colors. It affects approximately 8% of males and 0.5% of females of Northern European descent. The most common types are red-green color blindness (protanopia and deuteranopia), followed by blue-yellow (tritanopia) and complete color blindness (achromatopsia).
This simulator uses the Brettel-Vienot-Mollon (1997) algorithm, which is the gold standard for color blindness simulation used by professional tools. It models color vision deficiency using LMS cone response space with scientifically validated transformation matrices. While it provides a highly accurate representation, individual experiences may vary slightly.
We support 8 types: Protanopia, Protanomaly, Mild Protanomaly, Deuteranopia, Deuteranomaly, Mild Deuteranomaly, Tritanopia, Tritanomaly, Mild Tritanomaly, Achromatopsia, and Achromatomaly. Each type can also be adjusted with a severity slider from 0% to 100%.
Take a screenshot of your website and upload it to this simulator. Check how it looks under different types of color blindness. Use the WCAG Contrast Analysis section to verify that text meets AA (4.5:1) or AAA (7:1) contrast ratios. Pay special attention to red/green indicators, error messages, and data visualizations.
WCAG (Web Content Accessibility Guidelines) contrast ratio measures the difference in luminance between foreground and background colors. Level AA requires a minimum ratio of 4.5:1 for normal text and 3:1 for large text. Level AAA requires 7:1 for normal text and 4.5:1 for large text.
Yes! You can download the simulated image individually or download a side-by-side comparison image that shows the original and simulated versions together with labels. All processing and downloading happens locally in your browser.