Check and adjust web element contrast in real time.

Quickly check and adjust contrast in realtime in your browser to meet the standards of WCAG (Web Content Accessibility Guidelines).

Would you recommend this product?
No reviews yet
πŸ‘‹Hey PH, After my post surprisingly got #2nd of the week on Indie Hackers and a handful of positive feedback, I officially launched Kontrast on Product Hunt!! πŸ“– Story When working with CSS, I used to just apply colors that look good to me. Unfortunately, this is not the best thing to do because I don't pick colors with accessibility in mind. Text and background colors should have sufficient contrast. So, I made a browser extension that could quickly check and adjust color using WCAG 2.0 guidelines for contrast accessibility. πŸ‘‰ What is WCAG? Web Content Accessibility Guidelines is a standard ensures that your website is accessible by everyone, irrespective of disabilities and age. πŸ‘‰ Why should we care about contrast? Over 200 million people reported experiencing moderate to severe vision impairment in the world. Many sites developed with contrast accessibility barriers that make it difficult for some people to read. Even Product Hunt isn't all WCAG compliant πŸ˜ΈπŸ™Œ. Picking WCAG compliant color is a breeze with Kontrast. Features included: βœ” Auto inspect contrast for the selected element βœ” Display accessibility ratio βœ” Automatically get closest WCAG compliant color βœ” Color Slider βœ” RGB and HSL mode βœ” Color picker βœ” Easily copy color (HEX, RGBA, HSLA) βœ” Ignore CSS hover effect βœ” Dark Mode Special thanks to Gary Simon from Coursetro.com for covering my product. This is my first product here. I'm glad that I've finished it. I would love to hear feedback from you all πŸ˜„. Thank you!
Upvote (2)Share
This is a fantastic extention but would appreciate some transparency that this is in fact a paid extension if you want to benefit from all of it's features (most of which are locked away). While i don't object to the idea of a paid extention when it provides clear value, it would serve you well to clarify the limitations and benefits of upgrading both on the website and in the extention.
@itsnblackburn Great feedback! I updated the website. Now it should be clear that this is paid extension with a limited feature in the free version. Thank you
Upvote (1)Share
@bagaskara_gt Much better, thanks for getting this done so quickily πŸ˜ƒ
Hello, i buy your extension but i don't manage to use it, i dowload a file with a readme text and i dowoad the app on my smartphone, but where do i copy the licence key? how can i do to use Kontrast? can you explain me please ?
@frederic_guerra Hi Frederic, Kontrast is a browser extension for Chrome and Firefox. First, you must need to download the free version of the extension in your desktop (Kontrast is not designed for smartphone use). Chrome: Download Link Firefox: Download Link In the extension, click dollar button and verify your license key there. I'm sorry if the instruction in README file isn't clear enough. If there are still any questions just let me know πŸ˜€
Hi Product Hunt! I am excited to have acquired Kontrast! Thank you @bagaskara_gt for the hard work that was put into this extension thus far. I am excited to build upon the fantistic work you have done. If you are an active user, I would love to hear your feedback! If you haven't downloaded it yet, check out our site at GetKontrast.com!
@nick_fitch I hope this project will get maintained and improved properly in the future. Best of luck with sales, man!