Tailwind CSS to CSS converter

Transform your Tailwind CSS V3 color objects to V4 effortlessly with our conversion tool. Input your color object, select your desired color format (HEX, RGB, HSL, OKLCH, CMYK, CIELAB, or HSV), and click “Convert” to get the updated color values. You can easily copy the results or load an example to get started quickly.

#_
framer logo

Build your next site with Lexington

Premium multipage themes and UI Kits crafted with Astro JS and Tailwind CSS v4

#_
framer logo

Build your next site with Lexington

Premium components and UI Blocks built with Tailwind CSS v4