CSS Units Converter

Which units does it convert?

It converts between px, rem, em, %, vw and vh. The base units depend on the base font size (for rem and em), the viewport width (for vw) and the viewport height (for vh).

What is the difference between rem and em?

Both are relative to font size: rem uses the root font size, and em uses the font size of the current element. This tool assumes both follow the base font size you configure.

Why do I need the viewport size?

vw and vh are percentages of the viewport. Without knowing a concrete viewport, like 1920×1080, those units cannot be converted to a pixel value.

How do I set custom base values?

The default base font size is 16px and the default viewport is 1920×1080 — the most common desktop values. Change them to match your design system or target device.

Is the percent unit interpreted correctly?

Percentages are interpreted relative to the base font size, matching the common pattern for font sizes in CSS. The tool shows every unit side by side so results are easy to compare.

How to use CSS Units Converter

Pick a value and unit, set the base font size and viewport, and read the result in every CSS unit at once.

Use the controls above to provide your input or choose options, then review the result on the page.

Why use our CSS Units Converter

• Convert between px, rem, em, %, vw and vh CSS units instantly.
• Complete the task with a focused CSS Units Converter workflow instead of switching between apps.
• Open it in your browser and get started—no account or installation required.