/Cool-Contrast

Inspect the contrast in color combinations, making sure to comply with the accessibility guidelines established by WCAG.

Primary LanguageTypeScriptMIT LicenseMIT

inspect the perfect combination of your colors

Features

  • 🔎 Feedback on contrast ratio and compliance levels.
  • ⚡️ Suggestions to enhance your colors contrast.
  • 👀 Preview the results with samples, such as a minimalistic page or a set of UI elements.
  • 🎨 Editing in different color spaces.

Install

Install packages

npm install

Run to generate panda-css output

npm run panda:prepare

Start the dev server

npm run dev

Building

npm run panda:prepare && npm run build

Testing

# execute test suites
npm run test

# generates code coverage reports
npm run test:coverage

License

MIT License © 2023-2024-Present Alex Garrixen