Color Blindness Simulator
Simulate how colors appear to people with various types of color vision deficiency.
Dichromacy (complete absence)
Anomalous Trichromacy (reduced sensitivity)
Simulations use color vision deficiency transformation matrices based on published research. Click any simulated swatch to copy its hex value. These are approximations -- actual perception varies by individual. Deuteranomaly is the most common type, affecting ~5% of males.
How to Use Color Blindness Simulator
- 1
Upload an image
Select an image or enter colors to test for color blindness.
- 2
Choose a type
Select protanopia, deuteranopia, tritanopia, or other vision types.
- 3
Compare the results
View side-by-side how your design looks with different color vision.
Related Tools
Color Picker + HEX/RGB/HSL/CMYK
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Print Color Preview
Preview how screen colors translate to print with CMYK simulation and proofing.
Font Preview Tool
Preview any Google Font at various sizes, weights, and with custom sample text.
CSS Gradient Generator
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Color Palette Generator
Generate harmonious color palettes from a base color using color theory rules.
Box Shadow CSS Generator
Design box shadows visually with multiple layers and copy the CSS code.