Live data from Hacker News

Tailwind color palette generator

tints.dev

31–40 of 83 posts

Re: Tailwind color palette generator

#31
post #21

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.

I have a branch laying around somewhere where you could click between swatches to add extra values ... just never finished and shipped it.

Re: Tailwind color palette generator

#32

Love 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?

Glad you like it! Haven't thought before about how to get these colours into Figma tho ... good idea!

Re: Tailwind color palette generator

#33

I 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

colormind.io is great! They have a free API you can use to get random color palettes.

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].

[1] https://twitter.com/JustTriangles

Re: Tailwind color palette generator

#35

I 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

See also https://leonardocolor.io/theme.html

Re: Tailwind color palette generator

#37

Earlier 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?

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

Re: Tailwind color palette generator

#38

I 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/

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).

Re: Tailwind color palette generator

#39
post #38

Earlier 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…

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!

Re: Tailwind color palette generator

#40

I 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

These are great! Here are my personal curations / additions of go-to color links (general color theory stuff):

- 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.

Post reply on HN