JS Bookmarklet Simulating Colorblindness

github.comtool

This is a JS bookmarklet that takes any page and simulates what is like to navigate with colorblindness.

from

Empathy in Engineering

added

2026-10-10

likes

0

similar

1. ▲
   NoCoffee: JS Bookmarklet Simulating Low Vision Scenarios accessgarage.wordpress.com

   site category #empathy-in-engineering link ↗

   This is a JS bookmarklet that takes any page and simulates in low vision scenarios.

   
2. ▲
   Colour Blindness Simulator altreus.github.io

   site category #thejambo-awesome-testing link ↗

   Simulate different types of color blindness.

3. ▲
   Color Blindness Simulator colorvisionlabs.com

   site category #design-systems link ↗

   Shows how any image or built-in test scene looks with protan, deutan, or tritan vision at adjustable severity, side by side with the original. Uses the Machado (2009) model, so partial deficiencies can be simulated rather than only the complete forms.

   
4. ▲
   viz-palette susielu.com

   site category #frontend-gis link ↗

   Tool optimized for tweaking, copying, and pasting colors in and out of JavaScript.

5. ▲
   Color Blind Tensors youtube.com

   video · 9 min · Infinite Red category #tensorflow-js link ↗

   Manipulate image tensors to perceive color blindness, live coding.

   
6. ▲
   Webfont Usage Analyzer github.com

   tool category #wpo link ↗

   Bookmarklet script to map loaded web fonts to visible DOM usage and help spot font optimization opportunities.

   

Empathy in Engineering › JavaScript > Bookmarklets: “This is a JS bookmarklet that takes any page and simulates what is like to navigate with colorblindness.”