Contrast-Ratio.org – WCAG color contrast checker ✅

I really really loved Lea Verou’s color contrast checker! I linked it in lots of my talks, I listed it as useful resource in lots of places and recommended it every time someone asked me about useful accessibility tools.

Screenshot of contrast-ratio.org. A page that is split into two sides with different colors. It has two inputs for the two colors and a circle in the middle that shows the result, if the combination passes the WCAG criteria.

It is great if you want to check the contrast of background and text color against the WCAG color contrast requirements. Just put in two colors and see the result. You can even create a link of color combinations since the two colors get added to the url in form of a fragment identifier. So thank you Lea for this stellar work of yours. It stood the test of time! ✨

But things have changed. The original page was sold, and the new owners made a SEO gateway out of the site. Don’t get me wrong, the checker is still intact, but the site now does not look like it is about the tool anymore.

Fortunately the original tool was published under the MIT license and the code is still on GitHub. So I made a fork, reverted it to the original style and published it under…
Contrast-Ratio.Org

This site will never get sold nor will there be ads on it. I just put a little Ko-Fi support button there if you want to support me covering the domain and hosting expenses.

Fun thing: This is the first time in my life I purchased a domain name and put something productive on it at the same day!

All thanks go to Lea and her great work! And definitely check out her other work!

That’s it for now. Happy color testing!

Portrait of Moritz Glantz

👋 Moritz Glantz is my name…

…and I am an Specialist for Web Accessibility and UX-Engineer with over 20 years of experience, by day and a podcaster by night.

I help organizations build accessible websites by offering talks about accessibility, workshops & trainings, accessibility reviews and developing strategies for developers and management.

If that sounds like you could use my help, let’s talk! 💬