Color Blindness Simulator

See how colors appear to people with different types of color blindness. Simulate protanopia, deuteranopia, tritanopia, and achromatopsia.

8,800 AI Tokens Used
Feb 6, 2026 Created
designaccessibility
Categories
#
RGB(255, 102, 0)

Normal Vision

Trichromatic vision with all three cone types functioning normally.

RGB(255, 102, 0)

Protanopia

No red cones. Affects ~1% of males. Red appears darkened, hard to distinguish red from green.

RGB(189, 187, 25)

Deuteranopia

No green cones. Most common type, ~5% of males. Green and red look similar.

RGB(198, 209, 31)

Tritanopia

No blue cones. Very rare (<0.01%). Blue appears greenish, yellow appears violet.

RGB(247, 44, 48)

Achromatopsia

Total color blindness. Only sees shades of gray. Extremely rare (~0.003%).

RGB(136, 136, 136)

How This Tool Was Built

This tool was created entirely by AI. Here's the exact prompt used to generate it:

Prompt Used
Create a Color Blindness Simulator tool with these features:

1. Color input with hex and color picker
2. Simulate: Normal, Protanopia, Deuteranopia, Tritanopia, Achromatopsia
3. Use Brettel/Viénot transformation matrices
4. Large color preview swatches for each
5. Show simulated hex values with copy buttons
6. Sample palette presets for common UI colors

Make it accessible with blue as the accent color.
AI
Claude AI Model
#
8,800 Tokens Used
100%
AI-Generated Code Origin