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
21–30 of 83 posts
Re: Tailwind color palette generator
#22Earlier quoted context omitted.
do you know a tool that uses OKHSL/V instead of hex? Like colorcolor.in uses such a color space, but then all the overlays are still in hex, so there is this break between input and output
You meant the "Overlay" (bottom-left) to have HSL option too? Btw, if you open an issue/request with the right context, Saneef will look into it. I will nudge him if that makes sense. https://github.com/saneef/color-color
Yes, so if I start a palette at Lightness 100 and end at Lightness 0, I should see these numbers in the resulting colors
In this specific example the starting color is still not ff, but f9 due to some easing interference (though I'd expect a function x=0 y=0 to not do anything for the very first color), but even then you still see a clear connection, and if you had 10 steps you'd see ~10 lightness point increase in each palette color
Re: Tailwind color palette generator
#23This is a nice tool. As another approach that I use in my codebases is I define the color palette with CSS variables, so my Tailwind config just points to those. Then at runtime I can plug in different color themes.
Re: Tailwind color palette generator
#24I took me forever to find out how to apply hue shift even though I was actively looking for it.
Re: Tailwind color palette generator
#25IT WAS A NICE PLAY
Re: Tailwind color palette generator
#26I use this one: https://color.adobe.com/fr/create/color-wheel/
Re: Tailwind color palette generator
#27For the "brand" example demo'd, is that what people tend to do for configs?
I thought people would simply just modify the default colors or create new variables like primary, secondary, etc..
Re: Tailwind color palette generator
#28This is a nice tool. As another approach that I use in my codebases is I define the color palette with CSS variables, so my Tailwind config just points to those. Then at runtime I can plug in different color themes.
Do u mind sharing some code?
Re: Tailwind color palette generator
#29For the "brand" example demo'd, is that what people tend to do for configs? I thought people would simply just modify the default colors or create new variables like primary, secondary, etc..
Hey! I'm the creator of tints.dev – the "brand" set of colours is what I use on my blog simeongriggs.dev and yeah I used this tool to put in the `500` swatch value and generate the rest :)
Re: Tailwind color palette generator
#30This is great. I just did a better job generating a palette in under a minute, starting from a logo, than I did manually in 30 minutes last time I needed to do it. Nice work!
Glad you like it!