Core functionality:
- Color Contrast Checker:
-
Input: two colors (foreground + background).
-
Output: contrast ratio and whether it passes WCAG AA / AAA standards.
- Color Blind Simulation:
-
Applying filters that approximate different color vision deficiencies: -- Protanopia (red deficiency) -- Deuteranopia (green) -- Tritanopia (blue) -- Achromatopsia (no color) etc.
-
Achieved via Canvas pixel manipulation or SVG filters.
- Image Upload Support:
-
Load images using the FileReader API.
-
Drawing it on a canvas, then apply filter transformations.
- Color Palette Generator:
-
Uses chroma.js API to generate different color variations of a particular color
-
Saving generated palette
-
And applying color blindness simulation to palette for assessibility control