SVG filter collection that emulate 8 types of color blindness.
HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md Fix project name Apr 21, 2015
filters.svg Add filters.svg Apr 18, 2015
test-results.png Add README.md Apr 18, 2015
test.html Add test.html Apr 18, 2015
test.jpg Add test.html Apr 18, 2015

README.md

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: http://creativecommons.org/publicdomain/zero/1.0/