←back to thread

439 points david927 | 1 comments | | HN request time: 0.204s | source

What are you working on? Any new ideas which you're thinking about?
1. seanwilson ◴[] No.44418000[source]
A tool for creating WCAG/ADA accessible Tailwind-like color palettes. :)

https://www.inclusivecolors.com/

The idea is it helps you create palettes that have predictable color contrast built-in, so when you're picking color pairs for your UI/web design later, it's easy to know which pairs have accessible color contrast.

For example, you can design your palette so that green-600, red-600, blue-600, all contrast against grey-50, and the same for any other 600 grade vs 50 grade color, like green-600 vs green-50.

That way you won't run into failing color contrast surprises later when you need e.g. an orange warning alert box (with different variations of orange for the background, border, heading text and body text), a red danger alert box, a green success alert box etc. against different color backgrounds.