Hacker News new | ask | show | jobs
by tta 1304 days ago
Relatedly, Tailwind[1] has fixed my analysis paralysis with CSS colors for good.

[1]: https://tailwindcss.com/docs/customizing-colors
3 comments
culi 1304 days ago
I don't use TW, but my default now is open-color[0] which is used in open-props[1]

[0] https://yeun.github.io/open-color/

[1] https://open-props.style/

link
edjw 1304 days ago
I made this tool a few years ago to find the closest colour from the Tailwind colour palette from any given colour

https://find-nearest-tailwind-colour.netlify.app

link
jozzy-james 1304 days ago
tangentially related (not affiliated with the company, just a fan), but https://usewindy.com/ does similar stuff - and more.
link
culi 1304 days ago
that's awesome. I made a somewhat similar toy[0] a while ago in vanilla js (checkmark `color2nearestname` at the top). I've been meaning to try my hand at this again, but while allowing the user to choose the palette. Namely I was thinking of these definitions:

1. CSS named colors

2. Open Props' colors[1]

3. Tailwind colors

4. XKCD's color survey results[2]

A different project sent me on a deep dive into the concept of color distances and how that can work across different spaces though so I'm afraid any other color-related projects would paralyze me with feature creep at this point though haha

---

.. [0] https://culi.page/toys/

.. [1] https://yeun.github.io/open-color/

.. [2] https://xkcd.com/color/rgb/

link
leeoniya 1304 days ago
it needs something between Yellow and Lime, like Olive. that one transition is not as smooth as the others.
link