Skip to content
snip tools

rem to px converter

Convert rem values back to pixels — live, bidirectional, no upload.

Runs 100% in your browser 
 
 
   
  
 
  
 
  
 
How to convert rem to px
 
     
  1.  Set the root font-size. Default 16. Change if your html { font-size } is set to a non-default value. 
  2.  Paste rem values. One per line. Pixel equivalents appear instantly. 
    3.  
 
  
 
 
When you need pixels
 

Designers tend to work in pixels, browsers report computed values in pixels, and most QA tools
    measure in pixels. Convert from rem back to px when reading specs,
    diffing against a design file or debugging an actual rendered size in DevTools.

 
 
 
Frequently asked questions
What is the default root font-size?
Browsers default to 16px. If your project sets html { font-size: 62.5% } the root is 10px (1rem = 10px), and the conversion changes accordingly.
rem vs em — which should I convert?
rem is relative to the root font-size, em is relative to the parent. Use this tool for rem; use /px-to-em for em-relative conversions.
Why convert rem to px?
When auditing a design — Figma works in pixels, dev tools show computed pixels — converting between the two avoids guessing.
 
More Generators tools
px to rem converterpx to em converterAspect ratio calculatorColor contrast checkerPassword generatorPassphrase generatorUUID generatorHash generatorRandom name generatorUsername generatorColor pickerColor palette generatorCSS gradient generatorDomain name generator