Color Vision Simulator - JLU-CP
Are you as curious as I am about what the world looks like for people with color vision deficiency? What do traffic lights, the ocean, and the sun look like to them? How much difficulty do they encounter in their daily lives?
We have built a website that can simulate different types of color vision deficiency.
Even more interesting, by uploading photos from your album, you can view these photos from the perspective of different types of color vision deficiency.
Our Philosophy
We aim to draw more attention to the world of individuals with color vision deficiencies and assistive design for accessibility. This year, our team JLU-CP has designed a color and odor system based on emotion-weighted algorithms. The right to self-expression should never be limited to the majority. This time, we want to turn the spotlight of education towards those "minority" individuals around us.
Instructions
Use the file selector in the top left corner to drag and drop or paste an image to load it. Then, you can choose different simulation modes to simulate different types of color vision.
All processing is done locally in your browser; the image will not be uploaded to the server.
You can move the displayed image by clicking and dragging, and zoom by (holding the Shift key) double-clicking or using the mouse wheel.
The lens feature allows you to view the original image around the mouse area. The abnormal lens will show both the original and simulated images around the mouse area.
Types of Color Vision:
- Normal Color Vision: Displays the original image
- Protanopia: Missing L-cones
- Protanomaly: L-cones sensitivity curve shifted
- Deuteranopia: Missing M-cones
- Deuteranomaly: M-cones sensitivity curve shifted
- Tritanopia: Missing S-cones
- Tritanomaly: Abnormal S-cones
- Achromatopsia (no simulation of light sensitivity or poor vision): Missing all types of cones
- Mesopic Vision: Normal vision under twilight conditions, both cones and rods dominate vision (Purkinje effect)
- Tetartanopia: Hypothetical condition, no real-world instances known
- Tetartanomaly: Same as above
- Blue-Cone Monochromacy: Only S-cones work properly
- Red-Cone Monochromacy: Only L-cones work properly
- Green-Cone Monochromacy: Only M-cones work properly
- Flip Red-Blue: Swap R and B channels, helps color vision deficiency
- Grayscale: Converts the image to grayscale, not representing any color vision deficiency
Simulation Methods
Most of the code for this simulation comes from MaPePeR's open-source simulator http://mapeper.github.io/jsColorblindSimulator/, thanks to them.
Simon-Liedtke, J. T., & Farup, I. (2016) compared various simulation methods and concluded that Brettel's simulation is the most accurate.
This page uses the Brettel et al. 1997 method for simulating abnormal trichromacy and dichromacy (except Tetartan), which is more accurate than the commonly used HCIRN method.
Tetartan uses the HCIRN method, as this type of color vision deficiency is theoretical and only approximated.
Monochromacy is simulated using the sRGB->LMS->remove two channels->sRGB method, based on theoretical assumptions and not validated, thus not guaranteed to be accurate.
Achromatopsia simulation process is sRGB->linearRGB->simulate->sRGB, verified by only one person with achromatopsia and not guaranteed to be accurate.
Accuracy for Those with Color Vision Deficiency
- For any color vision deficiency, "Normal Color Vision" and "Mesopic Vision" are inaccurate.
- For red-green deficiencies, "Protanomaly" or "Deuteranomaly" will simulate a more severe form, "Mesopic Vision" can simulate twilight conditions, others are seen as by those with normal vision.
- For blue deficiency, "Tritanomaly" simulates a more severe form, red-green deficiencies and yellow deficiencies are inaccurate, "Mesopic Vision" simulates twilight conditions, others are seen as by those with normal vision.
- For red-green blindness, "Protanomaly" and "Deuteranomaly" simulations are inaccurate on top of red-green deficiency inaccuracies.
- For blue blindness, "Tritanomaly" simulation is inaccurate on top of blue deficiency inaccuracies.
- For monochromacy (e.g., achromatopsia, blue-cone monochromacy), only monochromatic simulations are accurate.