The latest articles on DEV Community by Erwin (@erwin_ai). https://dev.to/erwin_ai https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1142823%2F0870b241-63fb-4f89-9fab-c4a8f347cf9a.jpg https://dev.to/erwin_ai en Erwin Wed, 01 May 2024 04:08:42 +0000 https://dev.to/erwin_ai/tailwind-css-colors-563k https://dev.to/erwin_ai/tailwind-css-colors-563k <p>If you work with Tailwind CSS, I'm almost certain that you've searched for '<em>tailwind colors</em>' or '<em>bg-gray-200 hex</em>' or similar before.</p> <p>And in some cases, you'd search up the hex value of the color you need, only to search '<em>hex to hsl</em>' and convert it afterwards.</p> <p>Am I right 👀?</p> <p>That's what I ran into almost daily. And that's why I decided to build a cheatsheet/tool, meet <a href="http://tailwindcsscolors.com" rel="noopener noreferrer">Tailwind CSS Colors</a> ✨.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feie049w56bein914348g.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feie049w56bein914348g.png" alt="Image description"></a></p> <p>A free (forever!) tool to copy any Tailwind color in any format, with a dark mode and the value type you select stored so whenever you come back; just click the color you need, that's all!</p> <p>If you like it, don't forget to bookmark it 🔖🙌</p> <p>Anything you think I should improve? Open for any feedback or ideas!</p> <p>👉 go to <a href="http://tailwindcsscolors.com" rel="noopener noreferrer">tailwindcsscolors.com</a></p> tailwindcss colors webdev cheatsheet