Skip to content

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

License

Notifications You must be signed in to change notification settings

AlexGarrixen/Cool-Contrast

Repository files navigation

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