Color Scale Generator
Interpolate an even scale between two or more colours.
See your colours as the eight percent of men who see them differently do.
The simulated colours appear here
The Color Blindness Simulator renders your colours as each of the seven common colour vision deficiencies sees them, using the Machado matrices in linear light, and flags any two colours in your palette that collapse into one.
Around one man in twelve and one woman in two hundred has some form of colour vision deficiency. This tool renders your colours the way each type sees them, so you can tell whether a palette still works when the difference you are relying on disappears.
All seven common conditions are covered: deuteranomaly and deuteranopia (weak or absent green cones — by far the most common), protanomaly and protanopia (red), tritanomaly and tritanopia (blue, and rare), and achromatopsia, which removes colour entirely. Severity is adjustable, because the anomalous forms are a spectrum rather than a switch.
The simulation uses the Machado, Oliveira and Fernandes matrices, applied in linear-light sRGB where they are defined — the same model the major design tools use. The tool also flags the specific failure that matters most: two colours in your palette that look distinct to you but collapse into the same colour under one of the simulations.
Protanopia, deuteranopia and tritanopia, their anomalous forms, and achromatopsia — with how common each one is.
The anomalous forms are a spectrum rather than a switch, so the strength is a slider.
The real failure is two colours becoming the same colour. The tool names the pairs rather than leaving you to spot them.
Machado, Oliveira and Fernandes matrices applied in linear-light sRGB, the same approach the major design tools use.
Every simulation sits next to the original, which is the only way a subtle shift is visible.
A single colour, or a whole palette pasted one per line.
Each condition is shown beside the original, so the difference is immediate.
The anomalous forms are partial. Drag the slider to see mild through to complete.
The tool lists any pair of your colours that becomes indistinguishable, which is the real failure.
Deuteranomaly, if you only test one — it is roughly 5% of men on its own. In practice, if a palette survives deuteranopia and protanopia it survives almost everything, because those two account for the overwhelming majority of cases.
Not quite. The red and green cones overlap heavily, so what is lost is the ability to separate hues along that axis — which also affects orange, brown, olive and some purples. Red and green are just the clearest example.
It is a good model of dichromacy, which is well understood. The anomalous forms are harder: severity varies between people and interpolating toward normal vision is an approximation, which is what every tool including this one does.
Separate them by lightness as well as hue, or carry the meaning with something other than colour — a label, an icon, a pattern, a position. WCAG 1.4.1 requires that colour is never the only way information is conveyed, for exactly this reason.
What people who use the Color Blindness Simulator think of it. Reviews come from visitors and are posted as written.
No ratings yet
Yours would be the first.
0 reviews
Newest first
No reviews yet
Be the first to rate the Color Blindness Simulator. It takes half a minute and no account.
Write the first reviewInterpolate an even scale between two or more colours.
Work out the solid colour a translucent layer really produces.
Build conic gradients — pie charts, colour wheels and sweeps.
Check whether a colour code is valid, and fix it if not.
Fill headline text with a gradient, and keep it selectable.
Build tints, shades and tones from one colour.
Convert a HEX code into Dart Color and MaterialColor code.
Convert to and from HWB, the hue-whiteness-blackness notation.