Color Blindness Simulator
Simulate color blindness: preview designs through protanopia, deuteranopia, and tritanopia filters — catch invisible-to-some UI. Fix red-green errors before users suffer — local Canvas work, free, no signup.
Runs on Canvas
How to Use the Color Blindness Simulator
Similar Tools You Might Need
See allVector Pen Canvas
Draw freehand vectors plus rectangle, ellipse, and line shapes on canvas — color and stroke control included. Sketch icons and diagrams with SVG/PNG export — local Fabric work, unlimited saves.
Font Converter
Convert fonts between TTF, OTF, and WOFF (WOFF2 accepted as input) with custom-text preview before downloading. Ship web-ready WOFF in one pass — local opentype.js work, unlimited saves.
Border CSS Generator
Design CSS borders visually — width, style, color, and radius with live preview and copy-ready code. Prototype a card border in 30 seconds — free, local, no signup.
Video Filters
Grade videos with 18 filters across Color, Artistic, Blur, and Lighting (grayscale, sepia, pixelate, gaussian blur, vignette, brightness/contrast/saturation) plus a live still-frame preview. Export MP4, WebM, or GIF — local FFmpeg work, unlimited saves.
Image Enhancer
Grade photos with 6 one-click filter presets — Vintage, Noir, Vibrant, Cool Tone, Warm Glow — plus 6 manual sliders (brightness, contrast, saturation, blur, sepia, grayscale) rendered live through canvas filters at full source resolution. Exports JPEG at quality 0.95 as enhanced-<name>; nothing uploads.
Frequently Asked Questions
Which deficiencies simulate?
Protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), plus monochromacy. Red-green forms affect ~8% of men.
What fails most?
Red/green status dots, error text in red alone, and captcha colors. Pair color with icons or text always.
Design rules?
Never encode meaning in color alone; check contrast in simulated views. Fix once, benefit every color-blind user permanently.
Are designs uploaded?
No — simulation runs locally in your browser on Canvas. Nothing leaves your device.
Related Design Tools
Contrast Ratio Checker
Check any color pair's WCAG contrast ratio with AA/AAA verdicts for normal and large text. Prove 4.5:1 before shipping — free, local, no signup.
Color Converter
Convert colors between HEX, RGB, and HSL with a type-and-convert text UI. Translate brand specs across formats — free, local, no signup.
Color Palette Generator
Generate a fixed 6-color palette from a base color at set hue offsets (+30/+60/+120/+180/+210). Click any swatch to copy its HEX. Work never leaves your device — everything renders locally in your browser.
Last updated October 2026