👋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!
@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
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 😀
Kontrast
Kontrast
Kontrast