Color Blindness Simulator
Upload an image to simulate protanopia, deuteranopia, tritanopia and more for accessibility and color review
Upload Image
Click or drag an image here
Supports JPG/PNG/WebP and common formats, up to 50MB (local processing)
Color Vision Types
Preview
Normal VisionUpload an image to preview
Type Notes
Protanopia
Reduced or missing red sensitivity. Red-green separation becomes harder and reds may appear darker.
Deuteranopia
Reduced or missing green sensitivity. Red-green confusion is common in many UI palettes and charts.
Tritanopia
Reduced or missing blue sensitivity. Blue-yellow discrimination can be affected. It is relatively rare.
Achromatopsia
Little to no color perception. Visual cues rely mostly on luminance and contrast.
Guide
What This Tool Does
Color Blindness Simulator transforms an image to approximate how users with different color vision deficiencies may perceive it, helping you verify that important information is still clear before publishing.
Core Features
- Switch between common CVD types and preview results instantly.
- Compare against normal vision to review UI colors, posters, charts and product images.
- Export the simulated result as PNG for reviews, documentation and design handoff.
- Runs locally in your browser. Images are not uploaded to any server.
How To Use
- Upload an image by clicking or dragging it into the upload area.
- Choose a simulation type (e.g., Protanopia/Deuteranopia/Tritanopia).
- Inspect the preview and confirm that key cues remain distinguishable.
- Click the download button to export the simulated PNG.
Type Overview
- Protanopia/Protanomaly: reduced red channel sensitivity, often impacting red-green distinctions.
- Deuteranopia/Deuteranomaly: reduced green channel sensitivity, a common source of red-green confusion.
- Tritanopia/Tritanomaly: reduced blue channel sensitivity, may affect blue-yellow distinctions.
- Achromatopsia/Achromatomaly: reduced color perception, relying more on luminance contrast.
Tips
- Review charts, status colors and heatmaps carefully; do not rely on color alone.
- Check contrast and add labels or patterns to preserve meaning across types.
- If colors collide, use shapes, textures, legends or numeric annotations as backups.
Privacy
All processing happens locally in your browser. Images are not uploaded to a server.