Color Contrast Checker
Accessibility tool
Color Contrast Checker
Accessibility tool
Color Contrast Checker
Accessibility tool
Make sure your colors pass accessibility standards with our handy tool.
Make sure your colors pass accessibility standards with our handy tool.
Make sure your colors pass accessibility standards with our handy tool.
ColorContrast.Dev was created out of necessity. At its conception most contrast checkers were complex to use and only had a dedicated page to check contrast. I wanted to take the approach of creating a small utility file, which could be installed via NPM package or called as a API and used in any project.
To showcase the NPM package and API I built a simple and intuitive demo page that can check color contrast and demonstrate the data that is returned. Additionally, we have begun work on a few plugins for Figma and Framer.
Role
Product designer
Frontend engineer
Sector
Technology
Discipline
Product design
Timeframe
May 2024 — Jun. 2024
Contrast checker website page
API website page
ColorContrast.Dev was created out of necessity. At its conception most contrast checkers were complex to use and only had a dedicated page to check contrast. I wanted to take the approach of creating a small utility file, which could be installed via NPM package or called as a API and used in any project.
To showcase the NPM package and API I built a simple and intuitive demo page that can check color contrast and demonstrate the data that is returned. Additionally, we have begun work on a few plugins for Figma and Framer.
Role
Product designer
Frontend engineer
Sector
Technology
Discipline
Product design
Timeframe
May 2024 — Jun. 2024
Contrast checker website page
API website page
ColorContrast.Dev was created out of necessity. At its conception most contrast checkers were complex to use and only had a dedicated page to check contrast. I wanted to take the approach of creating a small utility file, which could be installed via NPM package or called as a API and used in any project.
To showcase the NPM package and API I built a simple and intuitive demo page that can check color contrast and demonstrate the data that is returned. Additionally, we have begun work on a few plugins for Figma and Framer.
Role
Product designer
Frontend engineer
Sector
Technology
Discipline
Product design
Timeframe
May 2024 — Jun. 2024
Contrast checker website page
API website page