Christoph Wendt

Contrasts – Color Checker for macOS - Get Ready for the Accessibility Act — Fun & WCAG-Compliant!

Contrasts is a macOS app that makes checking color contrast effortless. With a one-click experience and seamless integration, it helps designers and developers ensure WCAG-compliant, accessible UIs—without disrupting their workflow. Simple, fast, beautiful!

Add a comment

Replies

Best
Christoph Wendt

❤️ Hey Product Hunt! Designers, developers, and accessibility champions—this one's for you!


With the European Accessibility Act coming into effect in June 2025, ensuring your designs meet accessibility standards has never been more crucial. That's why I’m super excited to introduce Contrasts, a macOS app that makes checking and improving color contrast effortless.

With a one-click experience and seamless macOS integration, it helps you create accessible, WCAG-compliant designs without disrupting your workflow.


🎨 What does Contrasts do?

Contrasts allows you to easily input colors using color codes or pickers, providing clear pass/fail results based on WCAG standards. It removes the complexity of color contrast checking, letting you focus on what you do best—designing!


🔥 What makes Contrasts unique?

Code to color – No need to translate colors to HEX; our smart text field accepts almost any color representation.

Preview mode – Color your whole UI with your selection to easily find high-contrast color pairs.

Shortcuts – Open Contrasts anytime as a popover window, just like Spotlight.

WCAG conformance – Contrast ratings based on WCAG 2.1 success criteria for accessibility.

Color spaces – Support for various color spaces displayed alongside colors to avoid confusion.

Export & share – Easily export your colors and results in various formats with just one click.


👀 Why does this matter?

Poor contrast = bad UX. It affects readability, usability, and inclusion. Whether you’re designing apps, websites, or branding, making colors accessible shouldn’t be an afterthought.


🚀 Try it out & let me know what you think!

I’d love to hear your feedback! What features would you like to see next? Drop a comment below! ❤️ I also have a limited number of promo codes—let me know if you’d like one!

Dermawan Faisal Putra

I think this app is suitable for me who works in the field of UI/UX and I am interested to try the full features of this app. Is the free license code still available for MacOS?


Much Appreciated!

Christoph Wendt
@dermawanfaisalputra Hi, thanks for the great feedback. Let‘s have a chat on Reddit
Dermawan Faisal Putra

@contrastsapp Great! I've already sent you a message there. Please check it out.

Johannes

Very good! I like the look and feel of the app and also it speeds up my workflow.

Christoph Wendt

@johannes_wi Thank you so much for the feedback. Would you be interested in testing the iOS app as well?

Benjamin Konopka
With the Barrierefreiheitsstärkungsgesetz (BFSG) coming into effect on June 28, 2025, businesses in Germany are facing stricter rules for digital accessibility. Making websites and apps barrier-free is no longer just a “nice-to-have”—it’s becoming a legal requirement. When we realized we had to adapt our website to meet these new standards, Contrasts.app turned out to be an absolute lifesaver. It made checking and improving our color contrasts super easy, ensuring that our design is accessible for everyone. Instead of struggling with complicated guidelines, we could focus on making our site look great while staying compliant. If you’re working on a website or app and want to avoid accessibility headaches before the deadline, we highly recommend giving Contrasts.app a try! 🙌🏻🙌🏻
Victor Kong

This tool seems very handy especially on building design library! Wondering if you still got promo code to share? cheers

Christoph Wendt
@victor_kong1 just send me a message to hello@contrasts.app 🙂
Victor Kong
@contrastsapp thank you! Emailed please check your inbox