Skip to content
Free Online Tools
All Tools Text Tools Developer Tools Generators Converters Calculators Data & Converters Web & Design Encoders & Ciphers Networking Games About Blog News

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. 1 Enter a value and its unit.
  2. 2 Set the root font size (default 16px).
  3. 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.

Related tools

Unit Converter Convert between units of length, weight and temperature instantly.
Color Converter Pick a color or type a value to convert instantly between HEX, RGB and HSL with a live preview.
Color Contrast Checker Pick a text and background color to check the WCAG contrast ratio and AA/AAA pass.

More from us

Recently used