Tailwind to REM Converter

Convert Tailwind Classes to REM.

Ex: 4, 16, 96
1rem
Common Classes:

About Tailwind to REM Converter

The Tailwind to REM Converter helps developers verify the computed REM values for Tailwind CSS spacing utilities. Tailwind's default spacing scale is based on a simple formula where 1 unit equals 0.25rem (4px). This tool instantly checks that conversion without needing to reference the documentation.

Formula

REM = Tailwind Value × 0.25

Examples

class-1 = 0.25rem
class-4 = 1rem
class-16 = 4rem

Reference

  • • 1 unit = 0.25rem (Default)
  • • 4 units = 1rem
  • • Based on default config
  • • Consistent spacing scale

Frequency Asked Questions

What is the Tailwind scale?

By default, Tailwind uses a 4px scale where 1 unit = 0.25rem (4px).

Is this accurate for my project?

Yes, unless you have customized the `spacing` or `fontSize` config in your `tailwind.config.js`.

Why use REM?

REM units are accessible and scalable, respecting the user's browser font settings.