CSS Units Converter
Web & Design
100% in-browser
Convert a CSS value between px, rem, em, pt and % using your root font size.
- px
- rem
- pt
- %
How to use the CSS Units Converter
- 1 Enter a value and its unit.
- 2 Set the root font size (default 16px).
- 3 Read (and click to copy) all equivalent units.
About the CSS Units Converter
Modern CSS mixes absolute (px, pt) and relative (rem, em, %) units. This converter translates between them based on your chosen root font size, so responsive typography is easy to reason about.
Everything computes live in your browser.
Frequently asked questions
What is the root font size?
The base font size that rem is relative to — 16px by default in browsers.
How is pt calculated?
Using the CSS reference of 96px = 1in = 72pt.