Your files stay on your device

# Tailwind Class Converter

Expand Tailwind classes into plain CSS or map CSS back to the closest default utilities, pinned to Tailwind 3.4.17.

Paste something to convert it.

The value tables come from Tailwind CSS 3.4.17 's default theme, stored with this page. A custom tailwind.config.js or Tailwind v4 (oklch colors, CSS config) produces different values, so the output here is a faithful default-theme projection, not a build of your project. Families that only work through Tailwind's internal custom properties, like gradient stops (from-, via-, to-), ring, divide, space, animations and the filters, are reported instead of converted, because piecing them apart would produce CSS that looks right but behaves differently. In the reverse direction a px value never counts as exact: rem utilities equal it only at a 16px root font size, and the result says when that applies.
Options

## More regex & cron tools

- [Regex tester](/dev/regex-tester)
- [Glob tester](/dev/glob-tester)
- [Color converter & contrast](/color/converter)
[All regex & cron tools](/dev)

Was this tool useful?
YesNo

---

Canonical HTML: https://nutter.tools/dev/tailwind-class-converter
Markdown version: https://nutter.tools/dev/tailwind-class-converter.md
Plain-text version: https://nutter.tools/dev/tailwind-class-converter.txt
Agent index: https://nutter.tools/llms.txt