tailwindcolorshades icon indicating copy to clipboard operation
tailwindcolorshades copied to clipboard

[Feature Request] Multiple baselines for the same color

Open tylerwiegand opened this issue 5 years ago • 5 comments
trafficstars

The ability to input multiple colors in different parts of the array -- for instance, my designer gives me 3 colors to work with, and I would plug them into different places on the "brightness spectrum," but I want all the in-betweens too, because tailwind!

Now I have to use some nasty thing like this instead of your cool tool so I can "blend."

Love the tool though!

tylerwiegand avatar Dec 10 '19 19:12 tylerwiegand

Have you tried using chroma-js to generate your color palette?

hacknug avatar Dec 10 '19 23:12 hacknug

well holy balls thatd do it pretty nicely wouldnt it?

tylerwiegand avatar Dec 11 '19 03:12 tylerwiegand

Do you have an example of what kind of input you would want to provide and what kind of output you are expecting?

mikemand avatar Dec 11 '19 20:12 mikemand

Yes absolutely! So for instance, in the picture of the current tool, each of the shades, when clicked, would be editable. Then, if you enter a different value into one of them, the shades around them would change according to the difference in hue/saturation/etc between those two colors but the available colors still extend to the normal 100-900 range.

So for instance, you enter color-x which becomes flower-500. But you wanted flower-200 to be a bit less blue and to wash out a little more or something, so you pick what you would want for flower-200 and then flower-100, 300, and 400 all change accordingly. Then, depending on the "direction" of that change, it also would effect 600-900 as well.

I personally don't know a ton about how color differences can be calculated, but if that chrome-js tool exists what I'm proposing sounds possible to me...

image

tylerwiegand avatar Dec 11 '19 21:12 tylerwiegand

sorry for the late response, its been a year now 😬. I'm thinking on this, I want to add it, just need a few days to do it but this makes a lot of sense to me. Will keep this open until is finally done.

javisperez avatar Jan 26 '21 13:01 javisperez