DEV Community

Cover image for Free tool: Tailwind CSS Colors ✨
Erwin
Erwin

Posted on

34 3 2 4 3

Free tool: Tailwind CSS Colors ✨

If you work with Tailwind CSS, I'm almost certain that you've searched for 'tailwind colors' or 'bg-gray-200 hex' or similar before.

And in some cases, you'd search up the hex value of the color you need, only to search 'hex to hsl' and convert it afterwards.

Am I right 👀?

That's what I ran into almost daily. And that's why I decided to build a cheatsheet/tool, meet Tailwind CSS Colors ✨.

Image description

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!

If you like it, don't forget to bookmark it 🔖🙌

Anything you think I should improve? Open for any feedback or ideas!

👉 go to tailwindcsscolors.com

Heroku

Deliver your unique apps, your own way.

Heroku tackles the toil — patching and upgrading, 24/7 ops and security, build systems, failovers, and more. Stay focused on building great data-driven applications.

Learn More

Top comments (5)

Collapse
 
cantillojo54982 profile image
Joiner

Thanks. good work

Collapse
 
devluc profile image
Devluc

Tailwind Colors is awesome. Thanks for making it available Erwin. I'm also a fan of your tailscan.com project

Collapse
 
hasibrashid profile image
Hasib Al Rashid

Glad to have a tool like this! Would be really handy 👍

Collapse
 
tomiloba2 profile image
Omojola Tomiloba David

This is quite nice, how did you go about this project ?

Collapse
 
miguelrodriguezp99 profile image
Miguel

Good one! :)

👋 Kindness is contagious

Dive into this thoughtful article, cherished within the supportive DEV Community. Coders of every background are encouraged to share and grow our collective expertise.

A genuine "thank you" can brighten someone’s day—drop your appreciation in the comments below!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found value here? A quick thank you to the author makes a big difference.

Okay