Skip to content
Convertto

PX to REM Converter

Convert between pixels, rem and em using your project root font size.

To convert pixels to rem, enter a pixel value and your root font size, which is 16px by default in every browser. REM units scale with the user's browser font-size preference, which is why they are the accessible choice for typography and spacing.

Runs in your browser
Privacy
Runs entirely in your browser — nothing is uploaded
Cost
Free, unlimited, no sign-up

Frequently asked questions

Should I use rem or px?

Use rem for font sizes and spacing so the layout respects a user's browser font-size setting. px is fine for borders, shadows and anything that should not scale.

How to use the px to rem converter

  1. 1Set the value.
  2. 2Choose the unit.
  3. 3Set the root font size.
  4. 4The result appears immediately — copy or download it.

Embed this tool

Put the working px to rem converter on your own site. It runs in your visitors' browsers exactly as it does here — free, no account, nothing uploaded.

Share this tool

Related tools

CSS Clamp GeneratorGenerate fluid clamp() values that scale smoothly between two viewport widths.CSS Border Radius GeneratorDrag eight handles to shape every corner: elliptical radii, inverted corners and squircles.CSS Box Shadow GeneratorDesign a CSS box-shadow with live values for offset, blur, spread and colour.CSS Button GeneratorDesign a button and copy the CSS, including the hover, active and focus-visible states.CSS Shape GeneratorGenerate triangles, arrows, stars and other shapes using pure CSS.Glassmorphism CSS GeneratorCreate frosted-glass CSS with backdrop blur, transparency and a subtle border.

Last updated

More css generators