Convert CSS units between pixels, rem, em and points (assuming the default 16px root font size).
🖥️
CSS px / rem / em Converter
Design • CSS units
🖥️
Enter a value to convert
Result
—
—
Conversion Factor
—
In px
—
Visual Comparison
All Units
How to Use the CSS px / rem / em Converter
Enter a value — type any number. Invalid text and symbols are blocked automatically.
Select From and To units — choose the units to convert between.
Read the animated result — the converted value, factor, and full reference table update instantly.
Use Swap (⇄) — reverse the conversion in one click.
Why Use This CSS px / rem / em Converter
🎯
Accurate Standards
Built on internationally recognised SI and standards-body conversion factors for dependable results.
⚡
Instant & Animated
Results update live as you type, with a clear visual breakdown across every unit at once.
🔒
100% Private
Everything runs in your browser — no account, no uploads, nothing leaves your device.
Understanding the CSS px / rem / em Converter
Modern responsive web design mixes CSS units: pixels (px) are fixed, while rem and em scale with font size (1 rem = 16px by default). Converting between px, rem, em and points keeps typography and spacing consistent and accessible across devices.
Front-end developers use this to translate a designer's pixel values into scalable rem/em. Enter any value to see the equivalents, assuming the standard 16px root font size.
Common CSS px / rem / em Converter Values
Quick reference — 1 Pixels (px) is equal to:
Root em
rem
0.0625
Em
em
0.0625
Points
pt
0.750000019
CSS px / rem / em Converter FAQ
With the default browser root font size of 16px, 1 rem = 16px. So 1.5rem = 24px. Change the root size and rem scales with it.