CSS Tools

Color Blindness Simulator

Simulate how colors appear under different types of color vision deficiency

Input Color
Protanopia

No red cones — affects ~1% of males

Original#e74c3c
Simulated#786d39
Deuteranopia

No green cones — affects ~1% of males

Original#e74c3c
Simulated#9f8f36
Tritanopia

No blue cones — very rare (~0.003%)

Original#e74c3c
Simulated#fe1b49
Achromatopsia

Complete color blindness — sees only grayscale

Original#e74c3c
Simulated#828282

Color Blindness Simulator: Simulate how colors appear under different types of color vision deficiency Runs entirely in your browser — paste your input, get instant output, nothing is uploaded.

Related Tools

CSS Specificity Calculator
Calculate and compare CSS selector specificity with visual breakdown
CSS Animation Generator
Visual CSS keyframe animation builder with live preview and code export
Tailwind ↔ CSS Converter
Convert between Tailwind CSS classes and regular CSS with responsive/state support
SVG Optimizer & Viewer
View, optimize, and convert SVG to React components with size comparison

🔒 This tool runs entirely in your browser. No data is sent to any server.