filters.css

.as-protanopia {
	-webkit-filter: url(filters.svg#protanopia);
	   -moz-filter: url(filters.svg#protanopia);
	    -ms-filter: url(filters.svg#protanopia);
	     -o-filter: url(filters.svg#protanopia);
	        filter: url(filters.svg#protanopia); /* Firefox 3.5+ */

}
.as-deuteranopia {
	-webkit-filter: url(filters.svg#deuteranopia);
	   -moz-filter: url(filters.svg#deuteranopia);
	    -ms-filter: url(filters.svg#deuteranopia);
	     -o-filter: url(filters.svg#deuteranopia);
	        filter: url(filters.svg#deuteranopia); /* Firefox 3.5+ */

}
.as-tritanopia {
	-webkit-filter: url(filters.svg#tritanopia);
	   -moz-filter: url(filters.svg#tritanopia);
	    -ms-filter: url(filters.svg#tritanopia);
	     -o-filter: url(filters.svg#tritanopia);
	        filter: url(filters.svg#tritanopia); /* Firefox 3.5+ */

}
.as-monochromacy {
	-webkit-filter: url(filters.svg#monochromacy);
	   -moz-filter: url(filters.svg#monochromacy);
	    -ms-filter: url(filters.svg#monochromacy);
	     -o-filter: url(filters.svg#monochromacy);
	        filter: url(filters.svg#monochromacy); /* Firefox 3.5+ */

}
.as-enhance-r {
	-webkit-filter: url(filters.svg#enhance-r);
	   -moz-filter: url(filters.svg#enhance-r);
	    -ms-filter: url(filters.svg#enhance-r);
	     -o-filter: url(filters.svg#enhance-r);
	        filter: url(filters.svg#enhance-r); /* Firefox 3.5+ */

}
.as-enhance-g {
	-webkit-filter: url(filters.svg#enhance-g);
	   -moz-filter: url(filters.svg#enhance-g);
	    -ms-filter: url(filters.svg#enhance-g);
	     -o-filter: url(filters.svg#enhance-g);
	        filter: url(filters.svg#enhance-g); /* Firefox 3.5+ */

}

filters.svg