Kontrast

Check and adjust web element contrast in real time.

1 follower

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).

Launch tags:Design Tools•Developer Tools

Launch Team

Customer.ioAutomate Messaging Everywhere — Startups Get 12 Months Free

Promoted

Kontrast

Maker

👋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!

Report

8yr ago

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 ?

Report

8yr ago

@bagaskara_gt

Report

8yr ago

Kontrast

Maker

@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 😀

Report

8yr ago

Reviews

Kontrast

Maker

Report

8yr ago

Report

8yr ago

@bagaskara_gt

Report

8yr ago

Kontrast

Maker

Report

8yr ago