Color vision deficiency simulation through CSS + SVG filters

Using CSS + SVG filters to simulate color vision deficiencies

A photo of melted crayons

The same photo of melted crayons, optionally with CSS and SVG filter effects applied

no vision deficiency blurred vision achromatopsia deuteranopia protanopia tritanopia