FREE WEB DEV TOOL

CSS Unit Converter

Convert px, rem, em, vw, vh, cm, mm, in, pt, pc and % instantly.

Enter Value

From Unit px — Pixelsrem — Root EM em — Element EMvw — Viewport Width vh — Viewport Heightcm — Centimeter mm — Millimeterin — Inch pt — Pointpc — Pica% — Percent

To Unit px — Pixelsrem — Root EM em — Element EMvw — Viewport Width vh — Viewport Heightcm — Centimeter mm — Millimeterin — Inch pt — Pointpc — Pica% — Percent

Root Font Size

px

Parent Font Size

px

Viewport Width

px

Viewport Height

px

CONVERTED RESULT

1 rem

16px ≈ 1rem

Copied!

CSS Unit Converter

Use this free CSS Unit Converter to quickly convert common CSS units including px, rem, em, vw, vh, cm, mm, inches, pt, pc and percentages. All calculations run directly in your browser.

How to Use the CSS Unit Converter

1. Enter the value you want to convert.
2. Select the original CSS unit.
3. Select the target unit.
4. Click Convert or change a value/unit for an instant result.
5. Use Copy Result to copy the converted value.

Common CSS Units

• px — Pixel unit.
• rem — Relative to root font size.
• em — Relative to the relevant font size.
• vw — Relative to viewport width.
• vh — Relative to viewport height.
• cm, mm, in, pt, pc — Absolute length units.
• % — Percentage relative to its context.

Frequently Asked Questions

What is 1rem in pixels?

With the default root font size of 16px, 1rem equals 16px. You can change the root font size in Conversion Settings.

What is the difference between px and rem?

px is an absolute CSS length unit, while rem is relative to the root element's font size.

What does em mean in CSS?

em is a relative unit commonly calculated from the relevant element or parent font size.

What does vw mean?

vw means viewport width. 1vw represents 1 percent of the viewport width.

Is this CSS Unit Converter free?

Yes. It is free to use and performs calculations directly in your browser.

Free CSS Unit Converter • No API • No registration required