Pixel / EM Converter – PX to EM & REM
Convert between pixels and em/rem units for CSS. Set your base font size and instantly see the equivalent values — perfect for responsive web design.
Quick Reference (Base: 16px)
How to Use
- 1
Set your base font size (default is 16px, the browser default)
- 2
Enter a pixel value to convert to em/rem, or enter an em/rem value to get pixels
- 3
Use the Quick Reference table for common sizes
Frequently Asked Questions
What is the difference between em and rem?
em is relative to the font-size of the parent element, while rem is relative to the root (html) element. rem is generally easier to use consistently across a layout.
What is the default base font size in browsers?
Most browsers use 16px as the default font size for the root element. So 1rem = 16px unless you change the root font size in your CSS.
Why should I use em or rem instead of px?
em and rem scale with user browser settings, making your layout more accessible. Users who set a larger browser font size will see your text scale proportionally.
How do I convert 24px to rem with a 16px base?
Divide 24 by 16: 24 ÷ 16 = 1.5rem. This tool does that calculation automatically for any pixel value you enter.
Convert pixels, rem, em and points
A pixel converter translates between the units used in web and print design — pixels, rem, em, points and percentages. Enter a value in one unit and read its equivalent in the others, based on a base font size you set.
It saves designers and developers from repeating the same small conversions by hand.
When px meets rem
- Converting px to rem for responsive, accessible CSS.
- Matching print points to screen pixels.
- Keeping typography consistent across a project.
- For image proportions see the aspect ratio calculator; for other units, the unit converter.
Pixel values stay in the browser
Conversions run in your browser and update live as you change the base size.