REM to Tailwind Converter (Online)

Convert REM to Tailwind Class.

4

Result is the utility value (e.g., '4' for 'p-4', 'w-4').

About REM to Tailwind Converter (Online)

This tool converts standard REM values back into Tailwind CSS utility classes. It's perfect for migrating existing CSS codebases to Tailwind or finding the correct utility class for a specific design requirement.

Formula for REM to Tailwind Converter (Online)

Tailwind Value = REM × 4

Examples

1rem = 4
1.5rem = 6
16rem = 64

Reference

  • • 1rem = 4 units
  • • 0.25rem = 1 unit
  • • Standard scale lookup
  • • Reverse conversion

Frequently Asked Questions for REM to Tailwind Converter (Online)

What if my REM doesn't match a class?

Tailwind supports arbitrary values (e.g. `w-[1.23rem]`), but you should try to stick to the closest scale value (e.g. 1.25rem = 5).

Is this accurate?

Yes, as long as you use the default configuration (1 unit = 0.25rem).

Can I use this for font sizes?

Yes, `text-[1rem]` works, or you can check `text-base`, `text-lg`, etc.