Color Blindness Emulator with Filter Effects via CSS

色覚異常をエミュレートするSVGのfilter要素を定義し、それをCSSから参照することで特別な装置などを使わずに色覚異常の人がどのように見えているかを確認するツールのプロトタイプ。

Normal

Protanopia (1型2色覚/赤色盲)

Protanomaly (1型3色覚/赤色弱)

Deuteranopia (2型2色覚/緑色盲)

Deuteranomaly (2型3色覚/緑色弱)

Tritanopia (3型2色覚/青色盲)

Tritanomaly (3型3色覚/青色弱)

Achromatopsia (1色覚/全色盲)

Achromatomaly (異常3色覚/色弱)