Color Blindness Simulator
Quick answer
Toggle filters over your page or swatches—see which distinctions collapse.
For a related estimate, see Favicon Generator.
Explore further: Favicon Checker · Image Color Palette Extractor
Models
Filters are educational approximations—individual variation exists; involve real users for high-stakes products.
Explore further: Color Name Identifier · Accessible Color Palette
CVD filters approximate how some users perceive contrasts between reds and greens. Use it when you rely on hue alone to separate states (error vs success).
How to use this calculator
- Open the tool: Capture or view your UI through the simulator.
- Tune inputs: Note which status colors become ambiguous.
- Read the output: Add icons, patterns, or text labels—not hue alone.
Real-world examples
- Red/green charts: Often become similar—use dash patterns or labels for series.
- Traffic-light dashboards: Replace pure green/red pairs with shape or position encodings.
Explore further: Ai Api Cost Calculator
Tips & gotchas
WCAG contrast checks alone don’t catch distinguishability for CVD—pair with pattern tests.
FAQ
Medical diagnosis?
No—this is a design aid, not a clinical test.
Does this tool send my text to a server?
Calciverse runs in your browser; we do not store your inputs on our servers for these utilities. Anything that uses network APIs (for example DNS lookup) only sends what you explicitly request.
Why do results differ from another site?
Rounding, defaults, and implementation details (color spaces, tokenizers, DNS resolvers) can differ. Compare definitions, not just the headline number.