About a year ago, I released a small tool called Contrastly.
I originally built it for myself because I kept running into the same friction when checking color contrast during frontend work, especially with Tailwind colors.
The app itself has been around for a while, but I hadn’t made the code public at the time.
This week, I finally cleaned it up, moved it under Sola Studio, and released it as open source.
Why I made it
The problem was simple.
When working on UI, I often wanted to compare Tailwind colors, custom hex values, or semantic color combinations quickly, check whether they passed WCAG AA / AAA, and move on.
There are already useful contrast tools out there, but I wanted something that fit my own workflow a little better and felt lighter to use during actual frontend work.
So I made a tiny tool for that.
What it does
Contrastly currently supports:
- Tailwind color palettes
- custom hex values
- semantic color token checks
- WCAG AA / AAA contrast results
It’s intentionally small and focused.
Links
Live app:
https://contrastly.solastudio.studio/
Source code:
https://github.com/sola-studio/contrastly
Feedback welcome
If you work on UI, design systems, accessibility, or frontend implementation, I’d love to know whether it feels useful in your workflow — and what edge cases you’d want a tool like this to handle.
