tools

CSS units

Convert between px, rem, em and viewport units.

Unit
Context

Used for em and %

  • Pixels16px
  • Root em1rem
  • Em1em
  • Percent of parent font size100%
  • Viewport width1.1111vw
  • Viewport height1.7778vh
  • Viewport smaller side1.7778vmin
  • Viewport larger side1.1111vmax
  • Points12pt
  • Picas1pc
  • Inches0.1667in
  • Centimetres0.4233cm
  • Millimetres4.2333mm
  • Quarter millimetres16.9333Q

% is relative to the parent font size, as for font-size.

Convert px to rem in CSS