Built-in toolFree · No signup

CSS Units Converter

Convert any CSS value between px, rem, em, vw, vh, %, pt, cm, and mm instantly. Configure root font size, viewport dimensions, and parent element size to match your project.

Share on X LinkedIn

Value

Unit

Pixel equivalent

24.000px

Tip

Click any value in the table to set it as source

Unit	Value	Description
px		Absolute pixel unit
rem		Relative to root font size
em		Relative to parent font size
vw		% of viewport width
vh		% of viewport height
%		% of parent element size
pt		Points (1pt = 1.333px)
cm		Centimetres (1cm ≈ 37.8px)
mm		Millimetres (1mm ≈ 3.78px)

Conversion Settings

Root font size16px

Viewport width1440px

Viewport height900px

Parent element size1000px

Quick Reference (at 16px root)

px	rem	% (of 1000px)	pt
16px	1rem	100%	1.333pt
8px	0.5rem	50%	0.667pt
24px	1.5rem	150%	2pt
32px	2rem	200%	2.667pt
48px	3rem	300%	4pt

CSS Comment

/* CSS Units Conversion * Source: 24.000px * * 24.000px * = 1.5000rem * = 1.6667vw * = 18.000pt * * Settings: root 16px | vw 1440px | vh 900px | parent 1000px */

Was this tool helpful?

How to use

Enter a value

Type any CSS value in the input field and pick the source unit from the dropdown.

Configure settings

Set root font size, viewport width and height, and parent element size to match your project context.

Read all units

The conversion table updates every unit instantly — all 9 units shown side by side.

Click any row

Click a value in the table to make that unit the new source and recalculate everything from it.