Color Blindness Simulator
Preview interface screenshots, charts, and brand palettes across Protanopia, Deuteranopia, Tritanopia, and Achromatopsia. Compare views side-by-side and export simulated PNGs privately in your browser.
Upload an image or interface screenshot
Drag & drop a JPG, PNG, WebP, GIF, or AVIF file here, or paste from your clipboard. Everything processes locally in your browser.
Maximum file size: 25 MB
Quick color swatch preview
Pick or paste any color to see how it transforms across all 4 deficiency types at a glance.
Protanopia
#0076f0
Deuteranopia
#0064e8
Tritanopia
#00869d
Achromatopsia
#6d6d6d
How Our Color Blindness Simulator Works
Audit your UI screenshots, charts, and graphics for visual accessibility in three steps.
Select an Image or Sample
Drop a screenshot, chart, or illustration from your device, or test immediately with the built-in sample preview.
Switch Vision Profiles & Severity
Toggle between Protanopia, Deuteranopia, Tritanopia, and Achromatopsia, and adjust the intensity slider from 0% to 100%.
Compare & Export PNG
Inspect the original and simulated views side-by-side and download a simulated PNG for accessibility reports.
Key features
Built to help designers and product teams catch color-only UI barriers early.
4 Vision Deficiency Modes
Test red-green deficiencies (Protanopia and Deuteranopia), blue-yellow deficiency (Tritanopia), and full monochromacy (Achromatopsia).
Side-by-Side & Severity Controls
Spot indistinguishable status badges, chart lines, and links immediately with synchronized side-by-side comparison and adjustable severity.
Browser-Local Processing
Your files are processed directly in your browser and are not uploaded to Pinatool's servers.
Frequently Asked Questions
Common questions about color vision deficiency profiles, image privacy, and accessibility guidelines.
What color vision deficiencies does this simulator cover?
The simulator covers four major types of color vision deficiency: Protanopia (red-blindness), Deuteranopia (green-blindness), Tritanopia (blue-yellow blindness), and Achromatopsia (complete grayscale vision without hue perception).
How accurate is the simulation?
The tool uses standard vision science profiles to preview how different types of color vision deficiency affect your images and palettes. While real-world vision varies from person to person, the preview reliably highlights ambiguous color pairs where contrast and meaning are lost.
Are my images uploaded to any server?
No. All image previews, color simulations, and PNG downloads happen 100% locally in your web browser. Your images never leave your device.
Why was my large image scaled down?
Very large images are proportionally scaled in browser memory so the live comparison slider stays smooth and responsive without slowing down your device.
How do I fix issues identified by the simulator?
Never rely on color alone to communicate information. Pair chart lines with distinct dash styles or symbols, add clear text labels alongside colored status badges, and ensure adjacent elements maintain at least a 3:1 contrast ratio.
Explore More Tools
More free utilities for accessible color systems and palette design.