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.
Pixels | Tailwind | REM |
---|---|---|
0px | 0 | 0rem |
1px | 0.25 | 0.063rem |
2px | 0.5 | 0.125rem |
3px | 0.75 | 0.188rem |
4px | 1 | 0.25rem |
5px | 1.25 | 0.313rem |
6px | 1.5 | 0.375rem |
7px | 1.75 | 0.438rem |
8px | 2 | 0.5rem |
9px | 2.25 | 0.563rem |
10px | 2.5 | 0.625rem |
11px | 2.75 | 0.688rem |
12px | 3 | 0.75rem |
13px | 3.25 | 0.813rem |
14px | 3.5 | 0.875rem |
15px | 3.75 | 0.938rem |
16px | 4 | 1rem |
17px | 4.25 | 1.063rem |
18px | 4.5 | 1.125rem |
19px | 4.75 | 1.188rem |
20px | 5 | 1.25rem |