Kroma is a color blindness simulator built with React and styled-components. It helps designers, developers, and curious minds understand how images are perceived by people with various types of color vision deficiencies.
Color accessibility is a crucial part of inclusive design. Kroma aims to raise awareness and assist in building more accessible visuals for everyone.
- Upload your own image
- Simulate various types of color blindness:
- Protanopia
- Deuteranopia
- Tritanopia
- Protanomaly
- Deuteranomaly
- Tritanomaly
- Achromatopsia (Monochromacy)
- Achromatomaly
- View all filtered versions at once
- Download the image with all filters applied in one click
- React
- styled-components
- Canvas API for pixel-level image processing
git clone https://github.com/ahmettoprakcioglu/kroma.git
cd kroma
npm install
npm start