Typography / CSS Unit Converter — CSS has many length units. Absolute units (px, pt, pc, in, cm, mm) are tied to physical measurements. Relative units (em, rem, %) are tied to font size or the root font size. The browser default font size is 16px; this converter assumes that base.
Conversions run locally in your browser. No values are sent anywhere.
Was Typography / CSS Unit Converter useful?
What is typography / css unit converter?
CSS has many length units. Absolute units (px, pt, pc, in, cm, mm) are tied to physical measurements. Relative units (em, rem, %) are tied to font size or the root font size. The browser default font size is 16px; this converter assumes that base.
Note: the em and rem conversions depend on the font-size context. If a CSS rule sets a different base font size, the em values change accordingly.
How to use it
-
Enter a value
Type the length in any supported unit. The default is 1 px.
-
Pick the units
The from/to dropdowns cover all the CSS length units: px, pt, pc, in, cm, mm, em, rem, %.
-
Mind the base
em assumes 16px base (browser default). rem also assumes 16px root. If your CSS uses a different base, multiply the em/rem result accordingly.
Examples
12pt to px
12pt (a common body-text size) is exactly 16px in CSS.
12 pt
Result: = 16 px (at 96 DPI / 1px = 0.75pt)
Frequently asked questions
Related tools
Unit Converter
Convert length, weight, temperature, area, volume, speed, time, and data units instantly.
CSS Minifier
Shrink CSS by stripping comments, collapsing whitespace, and tightening punctuation. See byte savings live.
Color Picker
Pick any color and copy it as HEX, RGB, or HSL.
Aspect Ratio Calculator
Compute the aspect ratio of any width × height, and resize to a target width or fit inside a maximum box.
CSS Gradient Generator
Build linear and radial CSS gradients visually. Pick colors, drag stops, copy the CSS.
Last reviewed: 2026-08-21