Color Blindness Simulator
Simulate how images and color palettes appear to people with different types of color vision deficiency. Upload an image or test custom colors to ensure your designs are accessible.
Vision Type
Palette Tester
Test a color palette to see how it looks under different types of color vision deficiency.
How It Works
What is Color Vision Deficiency?
Color vision deficiency (CVD), commonly called color blindness, affects approximately 8% of men and 0.5% of women worldwide. It occurs when one or more types of cone cells in the retina are absent or function differently, altering color perception.
Types of Color Blindness
- Protanopia / Protanomaly: Reduced or absent red light sensitivity (L-cone). Reds appear darker and shift toward green/brown. Combined prevalence ~2% of males.
- Deuteranopia / Deuteranomaly: Reduced or absent green light sensitivity (M-cone). Greens and reds are confused. The most prevalent form — ~7% of males combined.
- Tritanopia / Tritanomaly: Reduced or absent blue light sensitivity (S-cone). Blues and yellows are confused. Very rare (~0.01%).
- Achromatopsia: Complete absence of color vision — the world appears in shades of gray. Extremely rare (~0.003%).
How the Simulation Works
This tool applies color transformation matrices based on the Brettel, Viénot, and Machado models for simulating color vision deficiencies. Each pixel's sRGB values are linearized, transformed through a 3×3 matrix that approximates how someone with a specific CVD perceives that color, then converted back to sRGB. Anomalous trichromacy (protanomaly, deuteranomaly, tritanomaly) uses an interpolation between normal vision and the full dichromacy matrix.
Design Tips for Accessibility
- Don't rely on color alone: Use patterns, labels, or icons alongside color coding.
- Test with this simulator: Check that key information remains distinguishable across all CVD types.
- Use high contrast: Ensure sufficient luminance contrast between adjacent colors.
- Choose CVD-friendly palettes: Blue-orange palettes work better than red-green ones.
Related Utils
Feedback
Help us improve this page by providing feedback, and include your name/email if you want us to reach back. Thank you in advance.
Sending...
Feedback sent. Thank you!
Error occurred!
-
-
-
-
-
-
-
- ABI Encoder / Decoder
- Block Estimator
- Calldata Cost
- CREATE2 Address
- ENS Availability
- ENS Cost Estimator
- ENS Lookup
- ENS Namehash
- ENS Record Viewer
- ENS Subname Explorer
- ERC-20 Unit Converter
- Gas Estimator
- HD Wallet Derivation
- Merkle Tree Visualizer
- 4-Byte Selector Lookup
- Solidity Storage Layout
- Transaction Decoder
- Vanity Address Estimator
- Wallet Address Validator
- Wei/Gwei/Ether Converter
-
-
-
-
-
- API Response
- ASCII Table
- Code Bug Detector
- Code Explanation
- CSS Beautifier
- Env Parser
- GraphQL Query
- Syntax Highlight
- HTML Beautifier
- JS Beautifier
- JSON Formatter
- JSONPath
- JWT Decoder
- JS keyCodes
- API Lorem Ipsum
- RegExp
- Regex Library
- Semver Compare
- SQL Beautifier
- TOML Formatter
- Code Unminifier
- XML Beautifier
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Amortization
- Break-Even
- Compound Interest
- Crypto Profit/Loss
- Debt Payoff
- Discount
- Effective Interest
- Emergency Fund
- Inflation Calculator
- Simple Interest
- Invoice Calculator
- IRR Calculator
- Mortgage
- NPV Calculator
- Portfolio
- Profit Margin
- Rent vs Buy
- Retirement Calc
- ROI Calculator
- Salary vs Hourly
- Savings Goal
- Tax Calculator
- VAT
-
-
-
-
-
-
-
-
-
-
-
-
- Equation Solver
- Exponent Calculator
- Factorial Calculator
- Fibonacci Sequence
- Fraction Calculator
- Fraction Simplifier
- GCD Calculator
- GCD/LCM
- Least Common Multiple (LCM) Calculator
- Logarithm Calculator
- Magic Square
- Matrix Calculator
- Number Base Converter
- Pascal's Triangle
- PDE Solver
- Prime Checker
- Prime Factorization
- Roman Numbers
- Scientific Notation
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Broken Link Checker
- Canonical URL Checker
- Core Web Vitals Checker
- Favicon
- Heading Structure
- Keyword Density
- Meta Tags
- Mobile-Friendly Test
- Open Graph Tags
- Page Load Time Analyzer
- Redirect Checker
- robots.txt
- Schema Markup
- SEO Optimized Checklist
- XML Sitemap
- Time on Page Tracker
- Page Title & Desc.
- Twitter Card Generator
-
-
-
-
-
-
- Acceleration
- Substance Amount
- Angle
- Area
- Astronomical
- Base Converter
- Capacitance
- Electric Charge
- Data Transfer
- Data Storage
- Density
- Energy Converter
- Force Converter
- Frequency Converter
- Fuel Economy
- Illuminance
- Inductance
- Length / Distance
- Power
- Pressure
- Electrical Resistance
- Time
- Speed
- Temperature
- Viscosity
- Volume
- Weight
-
-
-
-
-