Contrast Ratio has a new home — and this is great news!

Reading Time: 2 minutes It has been over a decade when I launched contrast-ratio.com, an app to calculate the WCAG 2.1 contrast ratio between any two CSS colors. At the time, all similar tools suffered from several flaws when being used for CSS editing: Over the years, contrast-ratio.com grew in popularity: it was recommended in several books, talks, and […]


This content originally appeared on Lea Verou and was authored by Lea Verou

Reading Time: 2 minutes

It has been over a decade when I launched contrast-ratio.com, an app to calculate the WCAG 2.1 contrast ratio between any two CSS colors. At the time, all similar tools suffered from several flaws when being used for CSS editing:

  • No support for semi-transparent colors (Since WCAG included no guidance for alpha transparency — I had to do original research to calculate the contrast ratio range for that case)
  • No support for color formats other than hex or (at best) RGB with sliders. I wanted something where I could just paste a CSS color just like I had it specified in my code (e.g. hsl(220 10% 90%), possibly tweak it a bit to pass, then paste it back. I didn’t want to use unintuitive hex colors, and I didn’t want to fiddle with sliders.
  • Poor UX, often calculating the actual ratio required further user actions, making iteration tedious

Over the years, contrast-ratio.com grew in popularity: it was recommended in several books, talks, and workshops. It basically became the standard URL developers would visit for this purpose.

However, I’ve been too busy to work on it further beyond just merging pull requests. My time is currently split between the dozens of open source projects I have started and maintain, my TAG work, my CSS WG work, and my teaching & research at MIT.

Therefore, when Ross and Drew from Siege Media approached me with a generous offer to buy the domain, and a commitment to take over maintainship of the open source project, I was cautiously optimistic. But now, after having seen some of their plans for it, I could not be more certain that the future of this tool is much brighter with them.

Please join me in welcoming them to the project and help them get settled in as new stewards!


This content originally appeared on Lea Verou and was authored by Lea Verou


Print Share Comment Cite Upload Translate Updates
APA

Lea Verou | Sciencx (2023-03-18T18:14:07+00:00) Contrast Ratio has a new home — and this is great news!. Retrieved from https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/

MLA
" » Contrast Ratio has a new home — and this is great news!." Lea Verou | Sciencx - Saturday March 18, 2023, https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/
HARVARD
Lea Verou | Sciencx Saturday March 18, 2023 » Contrast Ratio has a new home — and this is great news!., viewed ,<https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/>
VANCOUVER
Lea Verou | Sciencx - » Contrast Ratio has a new home — and this is great news!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/
CHICAGO
" » Contrast Ratio has a new home — and this is great news!." Lea Verou | Sciencx - Accessed . https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/
IEEE
" » Contrast Ratio has a new home — and this is great news!." Lea Verou | Sciencx [Online]. Available: https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/. [Accessed: ]
rf:citation
» Contrast Ratio has a new home — and this is great news! | Lea Verou | Sciencx | https://www.scien.cx/2023/03/18/contrast-ratio-has-a-new-home-and-this-is-great-news/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.