Tailwind Units

px-tw-rem converter
'1' : '0.25rem',

Convert Pixels to REM & Pixels to Tailwind

Tailwind REM Converter tool converts Pixels to Tailwind Name & Pixels to REM.

Tailwind REM Converter tool will be useful when you are working with a design that has a lot of custom pixels. With this Tailwind REM Converter tool, you can easily convert pixel value to tailwind name (Tailwind class) & pixel value to REM.

After conversion you need to just copy & paste it in the tailwind config file, Now the custom size is ready to use.

CSS REM unit is a relative unit, which is relative to the font-size of the root element. Tailwind REM Converter tool uses 16px as the default base font-size. You can change the default base font-size as per your requirement.

PX - TW - REM conversion table

PixelsTailwindREM
0px00rem
1px0.250.063rem
2px0.50.125rem
3px0.750.188rem
4px10.25rem
5px1.250.313rem
6px1.50.375rem
7px1.750.438rem
8px20.5rem
9px2.250.563rem
10px2.50.625rem
11px2.750.688rem
12px30.75rem
13px3.250.813rem
14px3.50.875rem
15px3.750.938rem
16px41rem
17px4.251.063rem
18px4.51.125rem
19px4.751.188rem
20px51.25rem