Myndex

Myndex

Myndex

Myndex

Myndex

Myndex

CVD Simulation Web App

Color Vision Deficiency Simulator based on Brettel

MyndexCVD Sim—Brettel Model

This is a simulator of Color Vision Deficiency (CVD, sometimes inaccurately called "colorblind"), created as part of our research into vision and accessibility. It is designed to be a perceptually accurate model of Protanopia and Deuteranopia, the most common forms of CVD. We also have an sRGB CVD Simulator Here. which uses a different methodology.

Click To Show Explanation

The simulation model is based on the Brettel, Viénot, & Mollon 1997 & 1999 models, which convert from sRGB to CIEXYZ and then to an LMS colorspace. Once in LMS, the corresponding cone vector is modified/reduced to emulate that cone as non-functional or missing.

This model (Brettel et.al.) is generally regarded as accurate for the most common "missing cone" (opia) forms of CVD, particularly protanopia and deuteranopia where the red or green cones (respectively) are not present. This simulator does not simulate mild anomalous forms — only the most severe of each type of CVD. While Red/Green CVD types are the most common, this simulator also presents some of the more rare forms of CVD such as tritanopia and achromatopsia in the form of "blue cone monochromatism"".

This simulator has two tritanopia simulators (blue deficient). The one in the second row is based on the Brettel model, the one on the third row is experimental (part of our research) and is weighted for a greater decrease in luminance towards blue. Unfortunately, tritans are sufficiently rare that conducting empirical studies to evaluate accuracy is challenging.

The second row also has an experimental sim for the very rare Blue Cone Monochromat. BCM means they have only blue cones and rods, with no green or red cones — they (along with the very rare rod-only achromatopsia) are the only truly "colorblind" with no color perception. The blue-cone-mono sim is experimental, and while it is based on similar concepts to Brettel, research is pending for further verification. NEW in MAY 2022: to better simulate BCM, we've added low vision features: low acuity and simulated photophobia.

The last square is simply sRGB converted to Y (luminance, as in CIEXYZ). The sRGB is linearized, then the standard coefficients are applied, summed, gamma re-applied, and then sent to each of the R´G´B´ color channels. Note also that this simulator is using the true sRGB transfer curve instead of simple gamma for all of the simulations, and the sRGB colorspace is assumed for all simulations.

There are several images hosted here to choose from, or you can use your own image source. To use with your own images, just upload an sRGB JPEG or PNG image using the form below. sRGB colorspace is assumed — other color profiles will cause unpredictable and inaccurate results. Image size is limited to about 615px X 900px. Larger images will be resized and/or cropped as needed. Processing takes place locally on your machine so speed is dependent on your computer/device as well as image size.

We also have an sRGB CVD Simulator Here. This sim is based on how a metmeric/tristimulus monitor appears to a CVD individual. Since an sRGB monitor only emits three narrow spikes (Red/Orange, Green, and Blue/Violet), it is predicted than a CVD will perceive it differently than spectral colors. To a protan and deutan, the red and green primaries sum together, though with the protan, the red is also reduced in luminance by about half. More on the sim page.

If you or anyone you know has CVD, especially tritan, "blue cone monochromat" or achromatopsia, please contact us! We have a pending study regarding visual accessibility.


Normal Trichromatic Vision

ColorWheelButton
ColorCheckerButton
HueContrastButton
Orange Flower Button
Pink Rose Button
Little Flowers Button
Pink & Purple Button
Red Flower Button
A Daisy Button
Busy Bee Button
Mae Orange Button
Kristen Sky Button
Mae Pink Button
Rapper Des Button
Grettle Red Button
Temple Priest Button
Bar BlueMoon Button
Eiffel Fireworks Button
Bar Booths Button
Bar Bottles Button
Bar Snifter Button
 
Process Your Own!     Current:   Preset
Privacy Note: processing your images on this page does not upload them to any server. All processing happens locally on your machine in this webapp — we'll never see it.

Protanopia

Missing L Cones (Red Cones)

Deuteranopia

Missing M Cones (Green Cones)

Tritanopia

Missing S Cones (Blue Cones)

(Based on Brettel, et alia, 1997)

Achromatopsia(Experimental)

Blue Cone Monochromatism

Missing L & M cones (no red/green)

Tritanopia (Alt/Exp)

Experimental Luminance Weighting

sRGB Luminance

sRGB to Greyscale (NOT a CVD)


Additional Notes:

"Red/Green Insensitive"—Deutan & Protan

1) You'll notice that both deuteranopia and protanopia both have very similar perceptions, this is because the L and M cones (often referred to as the red and the green cones) overlap substantially. In fact, both the L and M cones have their peak response in "green."

2) An important difference with protan is their deficit in "red" due to deficiencies relating to their L cones. As a result, they have a luminance deficit in colors that involve red, such as purple and orange.

3) Otherwise, deutan, protan, and tritan all have "standard" normal luminance contrast sensitivity. This is important for readability, as reading (and fine details) requires good luminance contrast. This, deutan needs nothing "extra" for good readability, and this is also true of protan, except for reds on black. The protan will have difficulties with red on black, but red or orange against white results in increased contrast for the protan.

"Blue Insensitive"—Tritan

4) On many images, you'll notice that the very rare tritanopia is very close to standard vision. Again, this is in part due to the very large overlap of cone responses, but also:

  • All sighted users—all of us—are "tritanopic" in our central foveal vision. This is because there are no S cones (blue cones) in our fovea. The few S cones we have are scattered about the periphery.
  • S cones make up only 2% of 7% of the total cones on our retina, as a result the blue information we perceive is of very low resolution compared to longer wavelengths.
  • And are not additive to luminance, so as a practical matter, the blue primary of a monitor contributes very little luminance to the perceived light. This is a benefit to our vision for reading, as blue does not carry fine details, but does contribute to glare.

5) As a result, those with tritanopia do not need anything "different" than standard vision as far as readability is concerned.

"Blue Cone Monochromatism" and Achromatopsia

The Only "Actual Colorblind"

Those with the extremely rare achromatopsia are the only types that are actually "colorblind" though that term is often inaccurately applied to the other forms of color insensitivity.

In these cases, the individual is lacking response of two or all three cone types (Lacking all three is "rod-only achromatopsia"). As a result, there are co-morbid issues including low vision (poor acuity) and photophobia (unable to withstand bright light).

In the above simulation of Blue Cone Monochromatism, we used the LMS space (per Brettel) to isolate the S cone response. While remaining in a linear-light space, we then performed a fast gaussian blur (using box-blur techniques) and finally adjusted the gamma curve for sRGB, but weighting in such a way as to provide a feel for photophobia (you'll notice bright areas lose their detail/are washed out).

Regarding the sRGB to Greyscale

This is NOT a form of CVD. This is simply converting the three RGB primary values into an achromatic luminance, and it's the luminance perceived by standard vision.

There are a number of color-vision simulators that make the statement that this sort of greyscale is representative of achromatopsia, but this is a false assumption. An achromatopsia will have a narrower visual spectrum as we show in the BCM simulation, and therefore will not simply "reduce the world to grey". Not to mention that achromatopsia also suffers from low vision and photophobia.

That said, the sRGB Greyscale is useful guidance for designers, as we used to say "make it right in black and white," meaning, the design should "work" in a grayscale form, and this is true for standard "normal" vision, not just for CVD.

Also the greyscale mode is an accommodation for those with BCM/achromatopsia, and it ensures all color information is presented in the same band of wavelengths.

Designer Guidelines

This tool is part of a larger research project on readability for the web. You can process a screenshot of your design, and see how it looks for various vision types. For specific guidance on readability contrast, please see the APCA contrast calculator.

Thank you for reading!



REFERENCES

These Simulation Models are based on:

    ➢ SIMULATIONS: Protanopia & Deuteranopia
Viénot, F., Brettel, H. & Mollon, J. D. (1999)
Digital video colourmaps for checking the legibility of displays by dichromats.
Color Research & Application, 24, 243-252.
vision.psychol.cam.ac.uk/jdmollon/papers/colourmaps.pdf

    ➢ SIMULATION: Tritanopia (on left)
Brettel, Viénot F, Mollon JD (1997)
Computerized simulation of color appearance for dichromats.
Vol. 14, No. 10/October 1997/J. Opt. Soc. Am. A
vision.psychol.cam.ac.uk/jdmollon/papers/Dichromat_simulation.pdf

    ➢ SIMULATIONS: Tritanopia (on right) & Blue Cone Monochromat
Andrew Somers
sRGB Displays and Color Vision Deficiency.
(Unpublished, Active Research)
...

    ➢ SIMULATIONS: sRGB Luminance to Grayscale
Based on sRGB Standard IEC 61966-2-1:1999
Wikipedia sRGB page

Additional App Ideas:

H Fukuda1, S Hara, K Asakawa1, H Ishikawa1, M Noshiro1, M Katuya (2015)
Computer Simulation of Color Confusion for Dichromats in Video Device Gamut under Proportionality Law
IPSJ Transactions on Computer Vision and Applications Vol.7 41–49 (May 2015)
researchgate.net/publication/275968970_Computer_Simulation...w

Related Resources:

G. Machado, M. Oliveira, and L. Fernandes (2006)
A Physiologically-based Model for Simulation of Color Vision Deficiency
IEEE Transactions on Visualization and Computer Graphics ( Volume: 15 , Issue: 6 , Nov.-Dec. 2009 )
researchgate.net/publication/38015459...2009

V Smith, J Pokorny (1972)
Spectral Sensitivity of Color-Blind Observers and the Cone Photopigments
Yision Res. Vol. 12, pp. 2059-2071. PergamonPress 1972. Printed in Great Britain.
NULL

Deane B. Judd (1949)
Response Functions for Types of Vision According to the Muller Theory
Part of Journal of Research of the National Bureau of Standards, Volume 42, January 1949
NULL

Interesting Concepts in Improving Accessibility:

David R. Flatla (2011)
Accessibility for Individuals with Color Vision Deficiency
Doctoral Symposium UIST’11, October 16–19, 2011, Santa Barbara, CA, US
hci.usask.ca/uploads/237-UIST-DC.pdf

Huei-Yung Lin, Li-Qi Chen, & Min-Liang Wang (2019)
Improving Discrimination in Color Vision Deficiency by Image Re-Coloring
Sensors (Basel). 2019 May; 19(10): 2250.
www.ncbi.nlm.nih.gov/pmc/articles/PMC6567888/

Jia-Bin Huang, Sih-Ying Wu, and Chu-Song Chen (??)
Enhancing Color Representation for the Color Vision Impaired
?? SemanticScholar.org
pdfs.semanticscholar.org/a928/736...pdf

Gretchen M. Culp (2016)
Increasing Accessibility for Map Readers with Acquired and Inherited Color Vision Deficiencies: A Re-Coloring Algorithm for Maps
CUNY Academic Works.
https://academicworks.cuny.edu/gc_etds/1243/...

Huang, Tseng, Wu, Wang (2007)
Information Preserving Color Transformation for Protanopia and Deuteranopia
October 2007IEEE Signal Processing Letters 14(10):711 - 714 DOI: 10.1109/LSP.2007.898333
www.researchgate.net/publication/3343749_Information...Deuteranopia

M. Madalena, G. Ribeiro, Abel J.P. Gomes (2019)
Contour Enhancement Algorithm for Improving Visual Perception of Deutan and Protan Dichromats
International Journal of Interactive Multimedia and Artificial Intelligence, Vol. 5, No 5
www.ijimai.org/journal/...53220.pdf

Tools and Other Apps:

ColorOracle

Also check out ColorOracle, a useful free tool that installs in your menu bar. Good for designers that want a "quick check" of what they are working on. A click or hot key sets then entire screen to a simulation.
colororacle.org/index.html



sRGB gamma target. Adjust the monitor so that the square appears uniform (i.e. not pyramids). Note also it is important that the image be at 100% and not scaled - make sure your browser says "actual size". If the square "looks like a pyramid" that indicates your monitor is not calibrated to the sRGB transfer curve (sometimes called gamma).