Skip to content

Comment on Tailwind color palette generatorparent

Comments

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/

Colour Science is one of the more serious projects I know of, and more or less lets you get as advanced as you want. Used by film professionals among others. https://www.colour-science.org/

How would you define what the perfect color tool is? I would guess like most tools that it depends entirely on the job at hand, and that maybe no one perfect tool can exist. Colour Science might be great at serious color management and perceptual measurements and conversions between standardized color spaces, but not the right tool for a web developer looking for quick & easy way to make an HSV palette generation widget (and not because Colour Science is Python, but because it’s too big and heavy of a hammer).

I'm not entirely sure what I'm looking for, to be honest. I have this vague feeling that I'll know it when I see it. A lot of tools are attractive and provide unique features, but I don't think I've ever come across one where I immediately say to myself "yes! this is going to be my day-to-day professional tool." Nothing has quite hit that mark with me.

Colour Science looks neat though, I'll check it out. Thank you!

If you’re up for talking about it, I wouldn’t mind hearing what color things you do day to day, and what kinds of things your current tools aren’t able to do, or don’t do very well. What’s on your wish list for a color tool?

Likewise - in design systems like Shopify’s Polaris the tints across the entire color range have perceptual uniformity using something like HSLuv.

I’d love to find a color tool that generate tints along the same lines given an set of initial starting colors.

Does colorjs allow you to do that do you know?

That sounds plausible, yeah. The Color object is space-agnostic, so you can take any set of colors and interpolate their lightness/luminosity/value using any color space you prefer.

So something like this:

  Color('#123').lch[0] *= 1.2

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.

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.