Color blindness simulator
This color blindness simulator shows how your chart, logo or photo looks to people with color vision deficiency. Upload an image or compare two colors and see it straight away in four ways of seeing. Calculated in your browser using the model by Machado et al. (2009).
Source: Machado, Oliveira, Fernandes (2009): A Physiologically-based Model for Simulation of Color Vision Deficiency, IEEE TVCG 15(6). Updated: .
How it is calculated
About 1 in 12 men has a color vision deficiency (National Eye Institute), usually red-green; in women it is much rarer. If you design charts, maps, logos or warning signs, it pays to check that your colors stay distinguishable. This simulator shows images and color pairs the way they are perceived with the most common forms.
How it works
- Check a color pair: pick two colors, such as the red and green of a status chart. The table shows both colors for each type of vision and their difference ΔE.
- Check an image: drop an image – it appears as the original and in four simulations side by side.
- “Severity” approximates milder forms (anomalies); “Save simulation” downloads the full-size image.
The model behind it
The conversion follows the physiologically based model by Machado, Oliveira and Fernandes (IEEE Transactions on Visualization and Computer Graphics, 2009). It describes how the sensitivity of the eye’s cones shifts and gives a 3 × 3 matrix for each type. The matrices work on linear RGB, so colors are first linearised from sRGB (IEC 61966-2-1) and converted back afterwards. Achromatopsia is shown via relative luminance. ΔE is the Euclidean distance in CIELAB.
Honest limits
A simulation is an approximation: color perception is individual and screens display color differently. Milder forms are interpolated linearly between normal vision and dichromacy here, while the paper computes separate matrices. The simulator is not an eye test and does not correct color blindness.
Privacy
Your image is processed only in your browser and never uploaded.
Frequently asked questions
How do color blind people see red and green?
With protanopia and deuteranopia, red, green and brown blur into similar yellow-olive tones. Pick red and green as the color pair above: the difference ΔE drops sharply for these types.
Can I upload my own image to the color blindness simulator?
Yes. Drop a photo, screenshot or graphic into the box. It is converted only in your browser and never uploaded.
What is the difference between protanopia, deuteranopia and tritanopia?
Protanopia lacks the red-sensitive cones, deuteranopia the green-sensitive ones and tritanopia the blue-sensitive ones. The first two are the common red-green deficiency; the third is rare.
How do I choose colors that color blind people can tell apart?
Combine colors with clearly different lightness, such as dark blue and orange, and add shapes, patterns or labels in addition to color. Check your pair here in every type of vision.
Can the simulator correct color blindness?
No. It only shows roughly how colors look with a color vision deficiency. A diagnosis comes from an eye doctor.
Sources and legal basis
- Machado, Oliveira, Fernandes (2009): A Physiologically-based Model for Simulation of Color Vision Deficiency, IEEE TVCG 15(6)
- National Eye Institute (NIH) – Color Blindness
- W3C – A Standard Default Color Space for the Internet: sRGB (IEC 61966-2-1)
- W3C – CSS Color Module Level 4 (Lab, colour conversion)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
As of:
Related tools
- Color contrast checker (WCAG 2.2)Check the contrast between text and background colors: WCAG 2.2 contrast ratio with AA/AAA ratings for normal text, large text and UI components.
- Color palette generatorBuild matching colors from one base color: complementary, analogous, triadic, square, split-complementary or monochrome – with HEX, RGB and HSL values.
- Color converter: HEX, RGB, HSL, HSV, CMYKConvert color codes: HEX to RGB, RGB to HEX, HSL, HSV, HWB and CMYK – type any format or use the color picker and copy the result, right in your browser.
- Free online photo editorEdit photos in your browser: brightness, contrast, saturation, warmth, filters like black and white or sepia, rotate and flip. Free, full resolution.
- Add Border to ImageAdd border to image online: white or colored border, instant-photo style, rounded corners and a transparent frame, with preview. Free, no upload.
- Add page numbers to PDFAdd page numbers to a PDF: “Page 1 of 12”, start from any page, outside margin for double-sided print, Bates numbering – with live preview, free, no upload.