I've been experimenting with Tailwind CSS V4 and initially thought translating colors from the tailwind.config.js to PostCSS would be a hassle, if you have a lot to convert.
So, I created this small tool to make it easier. <a target="_blank" href="https://www.colorsandfonts.com/tailwind-to-postcss-converter/">https://www.colorsandfonts.com/tailwind-to-postcss-converter/</a>
A sneak peak :-)
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/akumawb7iym8q0ut8nsq.gif" alt="Image description" class="image--center mx-auto" />

I've been experimenting with Tailwind CSS V4 and initially thought translating colors from the tailwind.config.js to PostCSS would be a hassle, if you have a lot to convert.

So, I created this small tool to make it easier. [https://www.colorsandfonts.com/tailwind-to-postcss-converter/](https://www.colorsandfonts.com/tailwind-to-postcss-converter/)

A sneak peak :-)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/akumawb7iym8q0ut8nsq.gif align="center")

I made an app to convert Tailwind V3 colors as objects to Tailwind V4 as PostCSS

✺ UI Designer & Front end dev working on lexingtonthemes.com


A bi-weekly newsletter for web developers and UI/UX designers discovering new resources and articles about the latest and relevant trends.