Tailwind color palette generator • Hacker News Board

Re: Tailwind color palette generator

#81

Post by dabber » Sat, Feb 03, 2024, 4:58 AM UTC

outofpaper wrote: post #63

danielvaughn wrote: post #9

Earlier quoted context omitted.

For a long time, I've been on the lookout for the perfect color tool, but so far haven't found it yet. Something that lets you get as advanced as what's presented by this library: https://colorjs.io/

What's going on with that page? I haven't check thr code but it drops my frame rate through the floor.

I also haven't checked their code but it reminds me of the awful "smooth scrolling" trend that was popular on a lot of websites a few years back and implemented with unperformant synchronous JS attached to an onScroll event with no denouncing. I just assumed it was the same on that site.

Re: Tailwind color palette generator

#82

Post by darekkay » Sat, Feb 03, 2024, 4:04 PM UTC

grinich wrote: post #64

darekkay wrote: post #44

I would love to see such tools have some accessibility DX built-in. The idea is to define the color palette in such a way that we know whether a color combination is accessible just by looking at the color name. For example, using the USWDS design system, I know that blue-30 on gray-80 is accessible (WCAG AA), because the difference between both values is 50+. I once wrote a blog post about this (niche) concept: http…

Radix Colors has a ton of accessibility stuff built in. https://www.radix-ui.com/colors (I work at WorkOS and Radix is an open source project of ours.)

Thanks, I like the approach! However, the light theme is not fully accessible. I've created an issue on GitHub: https://github.com/radix-ui/colors/issues/41

Re: Tailwind color palette generator

#83

Post by grinich » Mon, Feb 05, 2024, 6:59 PM UTC

darekkay wrote: post #82

grinich wrote: post #64

Earlier quoted context omitted.

Radix Colors has a ton of accessibility stuff built in. https://www.radix-ui.com/colors (I work at WorkOS and Radix is an open source project of ours.)

Thanks, I like the approach! However, the light theme is not fully accessible. I've created an issue on GitHub: https://github.com/radix-ui/colors/issues/41

thanks - looking into it