from Hacker News

Show HN: AI color palette generator for Tailwindcss

by manceraio on 9/7/20, 6:55 AM with 52 comments

• by deltron3030 on 9/7/20, 9:11 AM

  These kind of palettes always struggle with brighter yellows like #ffe400 because of the necessary normalization across hues to make it a full palette in first place, which of course prevents some colors to fulfill their potential (which is often at their peak chromacity). No AI can solve this problem because it's how colors work.

  I think it's best to keep the palette separate from the code (e.g. store palettes in an app like Sip), and not insist on the replaceability of colors across a range. E.g. instead of blue-500 use functional names like btn-color or brand-color and alias the colors that way in code.

• by zxcvbn4038 on 9/7/20, 1:19 PM

  This does pick some pleasing palettes but I’m not clear how they are utilized in the page. A quick scan of Tailwindscss docs shows a bit of discussion about naming colors and picking a primary and secondary color but I don’t see much discussion about the other colors in their palettes. Anyone explain?

• by rutierut on 9/7/20, 10:58 AM

  This is a lovely app but it really needs to generate grays as well. You just can't randomly drop in a color palette without changing the default TW grays. (they are pretty blue)

• by hackerman123469 on 9/7/20, 8:19 AM

  So what exactly is AI about it? It just looks like a common algorithm that matches colors together and not some AI that has been trained to find matching color palettes.

• by swyx on 9/7/20, 10:43 AM

  i've added it to my list of color palette generation tools - sharing in case it helps someone else https://github.com/sw-yx/spark-joy/blob/master/README.md#col...

• by RocketSyntax on 9/7/20, 12:04 PM

  Why doesn't the generated palette include the original color? Makes me lose faith.

• by jack_riminton on 9/7/20, 10:56 AM

  This works really well, I'll be using it on my upcoming projects :)