CSS Units Converter

Convert between px, rem, em, vw, vh, %, pt, cm, mm, in and other CSS units

Quick Conversions

Value

Pixel Equivalent

16px

Source Unit

Screen

Relative

Viewport

All Conversions

pxPixels

Source

16px

remRoot em (relative to root font size)

1rem

emEm (relative to parent font size)

1em

%Percentage (relative to parent width)

0.833333%

vwViewport width (1vw = 1% of viewport width)

0.833333vw

vhViewport height (1vh = 1% of viewport height)

1.481481vh

ptPoints (1pt = 1/72 inch)

12pt

cmCentimeters

0.423333cm

mmMillimeters

4.233333mm

inInches (1in = 96px)

0.166667in

Conversion Formulas

1rem = 16px (root font size)

1em = 16px (parent font size)

1vw = 19.2px (viewport: 1920px)

1vh = 10.8px (viewport: 1080px)

1% = 19.2px (parent: 1920px)

1in = 96px

1pt = 1.333333px (1/72 inch)

1cm = 37.795276px

1mm = 3.779528px

Quick Reference (root: 16px, parent: 16px)

px	rem	em	pt	vw	vh	Note
1	0.0625	0.0625	0.75	0.052083	0.092593	Hairline
4	0.25	0.25	3	0.208333	0.37037	0.25rem
8	0.5	0.5	6	0.416667	0.740741	0.5rem
10	0.625	0.625	7.5	0.520833	0.925926	Small text
12	0.75	0.75	9	0.625	1.111111	0.75rem
14	0.875	0.875	10.5	0.729167	1.296296	Body small
16	1	1	12	0.833333	1.481481	1rem (base)
18	1.125	1.125	13.5	0.9375	1.666667	1.125rem
20	1.25	1.25	15	1.041667	1.851852	1.25rem
24	1.5	1.5	18	1.25	2.222222	1.5rem / heading
32	2	2	24	1.666667	2.962963	2rem
48	3	3	36	2.5	4.444444	3rem
64	4	4	48	3.333333	5.925926	4rem
96	6	6	72	5	8.888889	6rem / 1in

Share to Community

Was this tool helpful?

What is CSS Units Converter?

Free online CSS units converter to convert CSS units between pixels, rem, em, viewport width (vw), viewport height (vh), and percentages.

Set your base font size and viewport dimensions for accurate conversions. Essential for responsive web design when you need to switch between absolute and relative units. See conversion results for all units simultaneously. No signup required.

How to Use CSS Units Converter

1Enter a value in any CSS unit (px, rem, em, vw, vh)
2Set the base font size (default 16px) for accurate rem/em conversions
3Set viewport dimensions for vw/vh conversions
4See all equivalent values update in real time

Frequently Asked Questions

px (pixels) are absolute units. rem is relative to the root element's font size (usually 16px). em is relative to the parent element's font size. rem is preferred for consistent sizing across the page, while em is useful for component-specific scaling.

rem units respect the user's browser font size settings, making your site more accessible. If a user increases their default font size, rem-based layouts scale proportionally. px ignores user preferences and always renders at the exact pixel size.

vw (viewport width) and vh (viewport height) are relative to the browser window size. 1vw = 1% of the viewport width, and 1vh = 1% of the viewport height. They're useful for full-screen sections, responsive typography, and fluid layouts.

Share this tool

Related Tools

⇌

Unit Converter

Free online unit converter - convert between units of length, weight, temperature, speed, and data storage

🎨

Color Converter

Free online color converter - convert colors between HEX, RGB, HSL formats with live preview

Timestamp Converter

Free online timestamp converter - convert between Unix timestamps and human-readable dates instantly

Tailwind to CSS

Free online tailwind to CSS - convert Tailwind CSS classes to vanilla CSS properties

💱

Currency Converter

Free online currency converter - convert between currencies with current exchange rates

CSV

JSON to CSV Converter

Free online JSON to CSV converter - convert JSON arrays to CSV format for spreadsheets and databases

Quick Reference (root: 16px, parent: 16px)

px	rem	em	pt	vw	vh	Note
1	0.0625	0.0625	0.75	0.052083	0.092593	Hairline
4	0.25	0.25	3	0.208333	0.37037	0.25rem
8	0.5	0.5	6	0.416667	0.740741	0.5rem
10	0.625	0.625	7.5	0.520833	0.925926	Small text
12	0.75	0.75	9	0.625	1.111111	0.75rem
14	0.875	0.875	10.5	0.729167	1.296296	Body small
16	1	1	12	0.833333	1.481481	1rem (base)
18	1.125	1.125	13.5	0.9375	1.666667	1.125rem
20	1.25	1.25	15	1.041667	1.851852	1.25rem
24	1.5	1.5	18	1.25	2.222222	1.5rem / heading
32	2	2	24	1.666667	2.962963	2rem
48	3	3	36	2.5	4.444444	3rem
64	4	4	48	3.333333	5.925926	4rem
96	6	6	72	5	8.888889	6rem / 1in

What is CSS Units Converter?

Free online CSS units converter to convert CSS units between pixels, rem, em, viewport width (vw), viewport height (vh), and percentages.

Frequently Asked Questions