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

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.