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.