Skip to main content

PX to REM Converter

Convert pixel (PX) units to root em (REM) units based on your base font size.
Local-first
Root EM (REM)
0 rem

How this tool works

What it accepts, how to use it, and where your input is processed.

REM (Root EM) is a relative CSS unit based on the font-size of the root element (usually 16px). Using REM units is a best practice for modern, accessible web design.

Why Use REM?

  • Accessibility: Relative units scale properly when users change their browser's default font size.
  • Consistency: Maintain proportional spacing and typography across your entire layout.
  • Responsive Design: Easier to adjust your entire design by changing only the root font size in a media query.
Need an extra feature or found an edge case?Send Feedback

Related tools

Open after you finish the primary task.

Show