color-blindness-emulation icon indicating copy to clipboard operation
color-blindness-emulation copied to clipboard

SVG filter collection that emulate 8 types of color blindness

Color Blindness Emulation

This SVG file (filters.svg) contains filters that emulate following color blindness types:

  • Protanopia
  • Protanomaly
  • Deuteranopia
  • Deuteranomaly
  • Tritanopia
  • Tritanomaly
  • Achromatopsia
  • Achromatomaly

EXAMPLE

Results of color blindness emulation provided by filters.svg

This preview is the result of applying filters against test.jpg.

USAGE

You can use this SVG file from CSS filter property:

.foo {
  filter: url('filters.svg#protanopia');
}

LICENSE

CC0