Nice idea. Would be even better if you could manually adjust several of the values and it would adjust the missing ones in between. Now you can only base it on one single starting color.
Tailwind color palette generator
31–40 of 83 posts
Re: Tailwind color palette generator
#32Love it. Thanks so much to the author for making this. I wonder what's the easiest way how to sync these colors with Figma. Perhaps pro designers use some plugin for generating this kind of colors and exporting them to Tailwind?
Re: Tailwind color palette generator
#33I love playing with color. This is another nice tool. Here are few other good alternatives/otpions; - https://adevade.github.io/color-scheme-generator/ - https://colorcolor.in (do not generate tailwind directly but a well done one) - http://colormind.io - https://uicolors.app/create
I was using it to get random (and hopefully pleasant) color schemes awhile back when you could still run Twitter bots for my cheesy “JustTriangles” bot [1].
Re: Tailwind color palette generator
#34You start with the base, and then also get gradients to adjacent colors in the palette. Especially the triad and tetrad ones are useful.
Re: Tailwind color palette generator
#35I love playing with color. This is another nice tool. Here are few other good alternatives/otpions; - https://adevade.github.io/color-scheme-generator/ - https://colorcolor.in (do not generate tailwind directly but a well done one) - http://colormind.io - https://uicolors.app/create
Re: Tailwind color palette generator
#36Re: Tailwind color palette generator
#37Earlier 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/
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?
So something like this:
Color('#123').lch[0] *= 1.2Re: Tailwind color palette generator
#38I love playing with color. This is another nice tool. Here are few other good alternatives/otpions; - https://adevade.github.io/color-scheme-generator/ - https://colorcolor.in (do not generate tailwind directly but a well done one) - http://colormind.io - https://uicolors.app/create
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/
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).
Re: Tailwind color palette generator
#39Earlier 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/
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 managemen…
Colour Science looks neat though, I'll check it out. Thank you!
Re: Tailwind color palette generator
#40I love playing with color. This is another nice tool. Here are few other good alternatives/otpions; - https://adevade.github.io/color-scheme-generator/ - https://colorcolor.in (do not generate tailwind directly but a well done one) - http://colormind.io - https://uicolors.app/create
- https://paletton.com/ palettes with color theory and can generate the entire scheme.
- https://medialab.github.io/iwanthue/ I want hue, uses k-means to separate out colors, great for graphs and getting contrast on those.