CSS Unit Converter

Convert between CSS units with precision and ease

Base Configuration

px
px
px
px

Converter

Size Preview
Box Size (px)
Text Size (px)
Sample Text

Unit Scale Comparison

Shows what "1 unit" equals in pixels for each CSS unit type

Conversion History

No conversions yet

Conversion Formulas

rem: pixels ÷ root font size
em: pixels ÷ parent font size
%: (pixels ÷ parent size) × 100
vw: (pixels ÷ viewport width) × 100
vh: (pixels ÷ viewport height) × 100
pt: pixels × 0.75
in: pixels ÷ 96
cm: pixels ÷ 37.795

Understanding CSS Units

Absolute Units:
• px - Pixels, the most common unit
• pt - Points (1/72 of an inch)
• in - Inches
• cm - Centimeters
Relative Units:
• rem - Relative to root font size
• em - Relative to parent font size
• % - Percentage of parent element
• vw - 1% of viewport width
• vh - 1% of viewport height