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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c7986a9 · Jun 23, 2024
Jan 3, 2024
Dec 7, 2023
Dec 15, 2023
Jun 23, 2024
Jun 23, 2024
Jun 22, 2024
Dec 14, 2023
Dec 13, 2023
Dec 7, 2023
Dec 16, 2023
Jan 21, 2024
Jan 5, 2024
Jan 5, 2024
Jan 4, 2024
Jun 23, 2024
Dec 7, 2023
Dec 17, 2023
Jan 13, 2024
Jan 7, 2024
Jun 16, 2024
Jun 16, 2024
Jun 15, 2024
Dec 13, 2023
Dec 14, 2023

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