Pixel to EM/REM Converter
Convert px, rem, em, pt and % with a live table and copy-ready CSS
rem is relative to the root font size; em and % are relative to the parent.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
About Pixel to EM/REM Converter
The pixel to EM/REM converter translates CSS length values between px, rem, em, pt and percent. Enter a value in any of the five units and a live table shows its equivalent in all the others — plus a copy-ready CSS snippet you can paste straight into a stylesheet.
The conversions respect how CSS actually resolves units: rem is relative to the root font size, while em and % are relative to the parent element’s font size. Both reference sizes are editable, so you can model a 16 px root with a 14 px component, or any design-system scale you use.
A common-values table maps the sizes designers reach for most — so questions like “what is 24px in rem” are answered at a glance. The tool is free, updates as you type and is a staple for converting fixed pixel mockups into accessible, scalable rem-based CSS.
How to use Pixel to EM/REM Converter
- Enter the value to convert and select its unit: px, rem, em, pt or %.
- Adjust the root font size (for rem) and the parent font size (for em and %) if they differ from 16 px.
- Read the converted values in the live table.
- Copy the generated CSS snippet or any value from the common-values table.