PX to REM Converter

Convert pixels to rem and rem to pixels instantly. Adjustable base font size with a handy conversion reference table.

px (default: 16px)
⇄

Common Conversions

PixelsREM

Related Tools

CSS Gradient Generator

Create beautiful CSS gradients visually.

Open Tool →

Color Converter

Convert between HEX, RGB, HSL color formats.

Open Tool →

HTML Entity Encoder

Encode and decode HTML entities.

Open Tool →

Recommended Tools

Recommended Deploy with Vercel Free hosting for frontend projects Recommended Design with Figma Free collaborative design tool

Frequently Asked Questions

What is the difference between px and rem?

Pixels (px) are absolute units that are fixed in size. Rem (root em) is a relative unit based on the root element's font size (usually 16px). Using rem makes your design more accessible and responsive.

What is the default base font size?

The default base font size in all browsers is 16px. This means 1rem = 16px by default. You can change the base by setting font-size on the html element.

Why should I use rem instead of px?

Using rem units makes your website more accessible. When users increase their browser's default font size for readability, rem-based layouts scale proportionally.

How do I convert px to rem?

Divide the pixel value by the base font size. For example, with a 16px base: 24px / 16 = 1.5rem. With a 10px base (62.5%): 24px / 10 = 2.4rem.