CSS Unit Converter

Convert CSS units including px, rem, em, %, vw, vh, and pt. Set your base font size and viewport dimensions for accurate conversions. Essential for responsive web design.

Settings

Base Font Size (px)

Parent Font Size (px)

Viewport Width (px)

Viewport Height (px)

Conversions

Pixels (px)

16px

Root EM (rem)

1rem

EM (em)

1em

Percent (%)

100%

Viewport Width (vw)

0.8333vw

Viewport Height (vh)

1.4815vh

Points (pt)

12pt

Centimeters (cm)

0.4233cm

Millimeters (mm)

4.2333mm

Inches (in)

0.1667in

Common Conversions Reference

1rem = 16px

(default)

1in = 96px

1pt = 1.333px

1cm = 37.8px

(approx)

How to Use CSS Unit Converter

1Enter a value and select its CSS unit.
2Set your base font size for rem/em calculations.
3View the conversion table for all CSS units.

Frequently Asked Questions

What is the difference between px and rem?▾

px is absolute. rem is relative to root font size (default 16px). rem is preferred for responsive design.

Why use rem instead of px?▾

rem units scale with user browser font size settings, improving accessibility.

What base font size should I use?▾

Browser default is 16px. The tool defaults to 16px but lets you change it.

About CSS Unit Converter

Convert CSS units including px, rem, em, %, vw, vh, and pt. Set your base font size and viewport dimensions for accurate conversions. Essential for responsive web design.

NexTool's CSS Unit Converter is completely free to use with no sign-up required. Your data is processed directly in your browser and never sent to our servers, ensuring complete privacy and instant results.