Contrastly
Open-source Tailwind Color Contrast Checker
A practical contrast checker for Tailwind CSS palettes, custom hex values, and semantic color token decisions.
Purpose
For checking WCAG AA / AAA contrast results quickly during UI color and token decisions.
Who it is for
Frontend developers, designers, accessibility reviewers, and teams working with Tailwind CSS or semantic color systems.
Highlights
- Checks WCAG AA / AAA contrast results for Tailwind colors and custom hex values
- Supports semantic foreground and background color token decisions
- Designed with semantic HTML, keyboard interaction, reduced-motion support, and screen reader-aware UI patterns
- Available as an open-source tool from Sola Studio