REM to Tailwind Converter

Convert REM to Tailwind Class.

4

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

About REM to Tailwind Converter

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

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

Frequency Asked Questions

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.