CSS Unit Converter
Convert between px, rem, em, vw, vh, %, and pt. Adjust base font size and viewport for accurate results.
Settings
px
16px
rem
1rem
em
1em
vw
0.8333vw
vh
1.4815vh
%
100%
pt
12pt
CSS Unit Reference
- px - Absolute unit. 1px = 1/96th of 1 inch on screen.
- rem - Relative to the root element's font size. 1rem = root font size (typically 16px).
- em - Relative to the parent element's font size. Useful for component-scoped sizing.
- vw - 1% of the viewport width. Great for responsive layouts.
- vh - 1% of the viewport height. Useful for full-screen sections.
- % - Relative to the parent element. Context-dependent.
- pt - Points. 1pt = 1/72 of 1 inch. Common in print design.
Extract CSS values from any website
MiroMiro's Chrome extension lets you hover over any element to see its exact CSS values - including sizes, spacing, fonts, and colors.