Skip to main content
RK DevTools

PX to REM Converter

Convert pixels to CSS REM units based on a custom root font size.

Standard browser default is 16px.
PX
REM

Common Font Scales Table

PixelsREMTailwind Class
1px0.0625rem-
2px0.125rem-
4px0.25remsize-1 / p-1
8px0.5remsize-2 / p-2
10px0.625rem-
12px0.75remtext-xs / p-3
14px0.875remtext-sm
16px1remtext-base / p-4
20px1.25remtext-lg / p-5
24px1.5remtext-xl / p-6
28px1.75rem-
32px2remtext-2xl / p-8
40px2.5rem-
48px3remtext-3xl / p-12
64px4remtext-4xl / p-16
80px5rem-
96px6rem-

Frequently Asked Questions

Is this PX to REM converter free to use?

Yes, the PX to REM converter is completely free with no login or usage limits.

Does it work offline / is my data uploaded anywhere?

Yes. All conversions happen instantly in your browser using basic math — nothing is sent to a server.

Can I change the root font size?

Yes, you can set a custom root/base font size (defaults to 16px, the standard browser default) and both the PX-to-REM and REM-to-PX conversions update automatically.

Does it show common font scale presets?

Yes, the table includes common pixel values with their REM equivalents and matching Tailwind CSS utility classes for quick reference — click any row to load that value into the converter.