EthicalFusion

PX to REM Converter

Convert px to rem (and rem to px) for responsive, accessible CSS — with a handy reference table.

Was this tool helpful? Thanks for the feedback!

Convert between px and rem for scalable, accessible CSS. Enter a pixel value to get rem, or a rem value to get pixels, based on your root font size (16px by default). A quick reference table covers the common sizes.

Why use rem?

Sizing in rem lets your layout scale with the user's browser font-size setting — better for accessibility and responsive design. Designing a UI? Pair it with the Aspect Ratio Calculator and CSS Gradient Generator.

Frequently asked questions

What is the root font size?

The base font size the browser uses (16px by default). rem values are multiples of it — 1rem = 16px at the default.

px or rem — which should I use?

Use rem for font sizes and spacing so they scale with the user's settings; px is fine for fixed borders and hairlines.