16 px = 1 rem at 16px base
Settings
Controls how many digits after the dot can be typed and shown in the live conversion result.
Ad preview
Promote your design tool to front-end developers
Sponsored placement
Conversion table
Common values for the current unit pair.
| Pixels (px) | REM (rem) | ||
|---|---|---|---|
| 1 px | 0.0625 rem | ||
| 2 px | 0.125 rem | ||
| 3 px | 0.1875 rem | ||
| 4 px | 0.25 rem | ||
| 5 px | 0.3125 rem | ||
| 6 px | 0.375 rem | ||
| 8 px | 0.5 rem | ||
| 10 px | 0.625 rem | ||
| 12 px | 0.75 rem | ||
| 14 px | 0.875 rem | ||
| 15 px | 0.9375 rem | ||
| 16 px | 1 rem | ||
| 18 px | 1.125 rem | ||
| 20 px | 1.25 rem | ||
| 24 px | 1.5 rem | ||
| 25 px | 1.5625 rem | ||
| 28 px | 1.75 rem | ||
| 32 px | 2 rem | ||
| 36 px | 2.25 rem | ||
| 40 px | 2.5 rem | ||
| 44 px | 2.75 rem | ||
| 48 px | 3 rem | ||
| 50 px | 3.125 rem | ||
| 56 px | 3.5 rem | ||
| 64 px | 4 rem | ||
| 72 px | 4.5 rem | ||
| 75 px | 4.6875 rem | ||
| 80 px | 5 rem | ||
| 90 px | 5.625 rem | ||
| 100 px | 6.25 rem | ||
| 110 px | 6.875 rem | ||
| 120 px | 7.5 rem | ||
| 130 px | 8.125 rem | ||
| 140 px | 8.75 rem | ||
| 150 px | 9.375 rem | ||
| 160 px | 10 rem | ||
| 170 px | 10.625 rem | ||
| 180 px | 11.25 rem | ||
| 190 px | 11.875 rem | ||
| 200 px | 12.5 rem | ||
| 210 px | 13.125 rem | ||
| 220 px | 13.75 rem | ||
| 230 px | 14.375 rem | ||
| 240 px | 15 rem | ||
| 250 px | 15.625 rem | ||
| 260 px | 16.25 rem | ||
| 270 px | 16.875 rem | ||
Shortcuts
Hot keys
PX to REM Converter and REM to PX Calculator
Convert Pixels and REM
Use this px to rem converter to convert pixels to rem instantly, or switch the inputs to use it as a rem to px converter. The calculator is based on your selected base font size, so you can convert `16px` to `1rem`, `24px` to `1.5rem`, or any custom value using the exact root size from your project. This makes it useful for developers and designers working with responsive typography, spacing scales, design systems, and modern CSS layouts.
REM vs EM
In CSS, `rem` is relative to the root font size of the page, while `em` depends on the current parent context. That is why a px to rem calculator is commonly used for global type scales, while px to em conversion is often used for component-level sizing. This converter supports both directions, so you can calculate px to rem, rem to px, px to em, em to px, and related CSS unit conversions from a single tool without manually dividing values.
PX, Percent, and Print Units
`px` is the most familiar CSS unit because it maps cleanly to fixed interface measurements like borders, icons, and spacing tokens. `%` is different because it is relative to another value, which makes it useful for fluid sizing and inherited text scaling. This converter also supports print and physical units such as `pt`, `pc`, `mm`, `cm`, `in`, and `q`, which are useful when translating layouts between screen design, PDFs, and print specifications.
When to Use Each Unit
In practice, developers often use `rem` for typography systems and spacing scales, `em` for component-local sizing, `px` for precision details, and `%` for relative layouts or text values that depend on another size. Physical units like `mm`, `cm`, `in`, and `pt` are less common in app UI, but they still matter for print CSS, document design, and any workflow where a design needs real-world measurement accuracy.
Base Font Size
If your default browser font size is different from `16px`, update the base font size above and the conversion table will recalculate automatically. That gives you an accurate px to rem conversion table for your own setup instead of a fixed generic formula, which is especially helpful when auditing existing interfaces, migrating hard-coded pixel values, or building a scalable rem-based design system.