Accessibility

Color-blind simulator tools, compared

Around 1 in 12 men and 1 in 200 women see color differently, so checking a palette against color-vision deficiency is not a niche concern. Six real tools do this — a browser tool, a macOS overlay, a cross-platform snapshot app, a browser extension, a camera-based mobile app, and a built-in Adobe proof view — and each one is actually right for a different situation.

The tools, compared

Tool Platform Price Method Best for
This archive's Color Blindness Simulator Browser — any device Free Paste a palette, get an instant Machado (2009) simulation of all four common CVD types Checking a specific palette before you ship it
Sim Daltonism macOS Free A floating overlay window that live-simulates whatever is behind it on screen Continuous real-time checking while you design
Color Oracle Windows, macOS, Linux Free Takes a full-screen snapshot and applies the simulation to it A quick one-off check on any app, document, or the whole desktop
NoCoffee Chrome / Firefox extension Free Simulates directly on the live page you're viewing in the browser Auditing a website's actual rendered color accessibility, not just a mockup
Chromatic Vision Simulator iOS / Android Free Camera or photo-based simulation, so it works on anything you can point a phone at Checking physical materials — packaging, signage, printed brochures
Adobe Proof Colors (Photoshop / Illustrator) Built into Creative Cloud apps Included with a Creative Cloud subscription A menu-based proof view (View → Proof Setup) applied while you're actively editing Designers already working inside Adobe apps who want to check as they go

Pick by what you're actually checking

The right tool depends less on which is "best" and more on what you're looking at. A live webpage is best checked in the browser, either with this archive's own simulator for a specific palette, or with a browser extension like NoCoffee for the actual rendered page. Anything else on your screen — a document, a mockup, another app entirely — is better served by a whole-screen tool like Color Oracle (cross-platform) or Sim Daltonism (macOS, and it stays live while you keep working). Physical materials — packaging, signage, a printed brochure — are the one case none of those can help with; a camera-based mobile app like Chromatic Vision Simulator is the realistic option there. And if you're already inside Photoshop or Illustrator, Adobe's built-in Proof Colors view means you don't need to leave the app at all.

How these simulators actually work

Every credible simulator does the same underlying thing: it takes a color (or a whole image) and mathematically remaps it through a model of reduced cone response, producing an approximation of what a person with a given color vision deficiency would see. This archive's own simulator, and most of the others listed here, are built on published transformation research — most commonly the Machado, Oliveira & Fernandes (2009) model or the earlier Brettel-Viénot-Mollon (1997) model — rather than an ad-hoc filter.

A simulator is a first pass, not the final check

Deuteranopia and protanopia together account for the overwhelming majority of color vision deficiency, which is why the classic failure case is a red/green status system — "error" and "success" becoming indistinguishable. A simulator catches that in seconds. It doesn't replace testing with real color-blind users where the stakes justify it, and per WCAG 1.4.1, the actual fix is never color alone: pair every color-coded meaning with a text label, an icon, a pattern, or a position cue, and widen the lightness gap between adjacent swatches — lightness contrast survives every CVD type even when hue doesn't.

Questions, answered

What's the most common type of color blindness?
Red-green deficiencies are by far the most common: deuteranopia (reduced green sensitivity) and protanopia (reduced red sensitivity) together account for the large majority of color vision deficiency, almost all of it in men. Tritanopia (blue-yellow) is much rarer, and achromatopsia (no color perception at all) is rare.
How do color-blindness simulators actually work?
They mathematically transform a color or image into an approximation of what someone with a given deficiency would see — remapping it through a model of reduced cone response and back into sRGB. Most credible tools reference a published transformation, most commonly the Machado, Oliveira & Fernandes (2009) model or the earlier Brettel-Viénot-Mollon (1997) model.
Do I need a different tool for a webpage vs. a printed design vs. an app screenshot?
Roughly, yes. A browser-based tool or extension is the right fit for a live webpage. A desktop app that captures the whole screen works for anything else on your computer — documents, other apps, screenshots. A camera-based mobile app is the only realistic option for physical materials: packaging, signage, printed brochures.
Is a simulator enough, or should I test with real color-blind users?
A simulator is a fast, useful first pass — it catches the obvious failures (a red/green status pair, for instance) in seconds. It's still an approximation. For anything safety-critical, or when the stakes justify it, testing with real color-blind users or an accessibility consultant remains the more reliable check.
What should I change if a palette fails a color-blindness check?
Per WCAG 1.4.1, color can never be the only carrier of information. Add a text label, an icon, a pattern, or a position cue alongside the color, and widen the lightness gap between adjacent swatches — lightness contrast survives every type of color-vision deficiency even when hue doesn't.
Are any of these tools paid?
Every standalone simulator listed here — including this archive's own — is free. Adobe's built-in color-blindness proof view is a feature inside Photoshop and Illustrator, so it requires an existing Creative Cloud subscription; it isn't a separately-priced tool.

Library

Go deeper on accessible color

Simulators tell you when a palette fails. These books cover why — and how to design so it doesn't happen in the first place.

Book links are Amazon Associates affiliate links. Your price is unchanged; a small commission supports the archive. As an Amazon Associate we earn from qualifying purchases.

Torn between the two Wada dictionaries? Vol 1 vs Vol 2, compared plate by plate →

Book links are Amazon Associates affiliate links. Your price is unchanged; a small commission supports the archive. As an Amazon Associate we earn from qualifying purchases.

Looking for a combination we don’t have yet?

Tell us the colour, mood, or palette you were after — it shapes which editorial combinations we add next.