Convert between pixels, rem, em and points for web design. Enter a value, choose its unit and your base font size, and see the equivalents in every unit.
| In rem | – |
| In em (same parent size) | – |
| In points (pt) | – |
How it works
One rem equals the root font size, which browsers set to 16 pixels by default, and one em equals the font size of the parent element. Points are print units where one point is 1/72 of an inch and one CSS pixel is 1/96 of an inch, so 1 pt = 1.3333 px. rem = px ÷ base size and pt = px × 0.75.
Example
24 px with a 16 px base is 1.5 rem and 18 pt.
Frequently asked questions
What is the difference between rem and em?
rem is relative to the root font size and em is relative to the parent element, so em values can compound in nested elements.
Why use rem?
It respects the user’s browser font size, which helps accessibility.
Why is 1 pt not 1 px?
A point is a print unit. In CSS, 1 pt equals 1.3333 px.
More free tools: Color converter · Unit converter · All free tools
Everything runs in your browser. Nothing you enter is sent or stored.