3 ms·

Relatedly, Tailwind[1] has fixed my analysis paralysis with CSS colors for good. [1]: https://tailwindcss.com/docs/customizing-colors https://tailwindcss.com/d

• edjw 4y 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 https://find-nearest-tailwind-colour.netlify.app
  • jozzy-james 4y ago
    tangentially related (not affiliated with the company, just a fan), but https://usewindy.com/ https://usewindy.com/ does similar stuff - and more.
  • culi 4y 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/ https://culi.page/toys/ .. [1] https://yeun.github.io/open-color/ https://yeun.github.io/open-color/ .. [2] https://xkcd.com/color/rgb/ https://xkcd.com/color/rgb/
• leeoniya 4y ago
  it needs something between Yellow and Lime, like Olive. that one transition is not as smooth as the others.
• culi 4y 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/ https://yeun.github.io/open-color/ [1] https://open-props.style/ https://open-props.style/