Welcome to ColorBlind

Simulate color blindness on any webpage for accessibility testing.

Simulation Types

How to Use

Navigate to any webpage, click the ColorBlind icon, select a vision type, and click Apply. The page will be rendered through an SVG color matrix filter that simulates that type of color vision deficiency.

Click Reset at any time to restore normal colors.

Why It Matters

About 8% of males and 0.5% of females have some form of color vision deficiency. Testing your designs with ColorBlind helps ensure your content is accessible to everyone.