Kontrast

Check and adjust web element contrast in real time.

1 follower

Quickly check and adjust contrast in realtime in your browser to meet the standards of WCAG (Web Content Accessibility Guidelines).
Kontrast gallery image
Kontrast gallery image
Launch tags:
Design Toolsβ€’Developer Tools
Launch Team

What do you think? …

Bagaskara
πŸ‘‹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!
Ghost Kitty
Comment Deleted
Bagaskara
@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
Ghost Kitty
Comment Deleted
Frederic Guerra
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 ?
Bagaskara
@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 πŸ˜€