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 |