CSS Unit Converter

Move between CSS sizing units without mental math by plugging in the root font size, parent font size, and viewport dimensions that match your project.

Root font sizeViewport

Parent font size

ValueFrom unit

Converted values

16px

rem

1rem

1em

1.111vw

1.778vh

vmin

1.778vmin

vmax

1.111vmax

100%

12pt

1pc

0.423cm

4.233mm

0.167in

Common px to rem table

8px0.5rem

12px0.75rem

14px0.875rem

16px1rem

18px1.125rem

20px1.25rem

24px1.5rem

32px2rem

48px3rem

64px4rem

Tailwind spacing reference

Closest match for the current value in pixels: p-4

Based on the current input, 16px is the reference spacing.

About

Convert CSS units across px, rem, em, viewport units, percentages, and print units while preserving the context that makes those values meaningful.

Accepted input

Accepts a numeric value, a source unit, and optional root font size, parent font size, and viewport dimensions.

How to use

Enter a value and choose the source unit.
Adjust the root font size, parent font size, or viewport to match your real layout.
Review the full conversion table and copy any row directly.
Use the common px-to-rem table and Tailwind spacing reference for everyday sizing work.

Tips

Percentages are interpreted in a font-size context here, using the configured parent font size.
Viewport-based units change immediately when you update the width and height inputs.

CSS Unit Converter

Converted values

Common px to rem table

Tailwind spacing reference

About

أدوات ذات صلة

About

أدوات ذات صلة