Convert between CSS length units: px, rem, em, vw, vh, %, pt. Set your base font-size for accurate relative unit conversions. Quick reference table included.
Adjust the base font-size slider above to recalculate this table.
| px | rem | pt | vw (1920px) | vh (1080px) |
|---|
px —Pixels. Absolute unit on screens. 1px = 1/96 of an inch at 96 DPI. Most commonly used unit.
rem —Root em. Relative to the font-size of the root element (<html>). Browser default is 16px. Preferred for scalable layouts: 1.5rem always equals root-font-size × 1.5.
em —Relative to the font-size of the parent element. Compounds when nested —be careful with deep nesting.
vw —Viewport width. 1vw = 1% of viewport width. At 1920px wide viewport, 1vw = 19.2px. Useful for fluid typography.
vh —Viewport height. 1vh = 1% of viewport height. At 1080px tall viewport, 1vh = 10.8px.
% —Percentage. Relative to the parent element's corresponding dimension. For font-size, relative to parent's font-size.
pt —Points. Traditional print unit. 1pt = 1/72 of an inch. In CSS, 1pt ≈ 1.333px (at 96 DPI).
See also: PX to REM Converter · Color Converter · CSS Gradient Editor · Box Shadow Generator