How to Use

Enter a value

Type a pixel or rem value. For example, 16 for pixels, or 1.5 for rem.

Set base size

The default base font size is 16px. Adjust it if your project uses a different root size.

Convert

Click PX → REM to convert pixels to rem, or REM → PX to convert rem to pixels.

About PX to REM

REM units make CSS responsive to user preferences, but translating a Figma pixel spec into REM values is repetitive arithmetic. ILikePdf PX to REM converts single values or whole lists (16, 24, 32 → 1rem, 1.5rem, 2rem) against your root font size, defaulting to the browser standard of 16px. The output is ready to paste into your stylesheet. Conversion is instant and entirely local, with no upload and no sign-up.

How to convert PX to REM PX to REM

Step 1: Enter a pixel value, or a list like "16, 24, 32".

Step 2: Optionally adjust the root font size (default 16px).

Step 3: The tool converts each value to REM instantly.

Step 4: Copy the output for your CSS.

Common use cases for PX to REM

Convert design-spec pixel sizes into REM units.
Keep responsive typography consistent across breakpoints.
Translate Figma measurements into CSS values.
Audit existing pixel CSS for accessibility-friendly rems.

Pro tips

REM units scale with the user's browser settings — better for accessibility.
A 16px root is the browser default; adjust for custom root sizes.
Conversion is instant and runs locally.

Was this tool helpful? Rate it

Tap a star to rate.

PX to REM