How do I use the PX to REM converter?
- Enter the value.
- Choose whether it is px or rem.
- Change the root font size if your site does not use 16px.
PX to REM converter: frequently asked questions
What is a rem?
A CSS unit relative to the root (html) font size. With the default 16px, 1rem = 16px.
Why use rem instead of px?
Rem sizes scale when users change their browser font size, which is better for accessibility.
How do I convert px to rem?
Divide by the root font size: 24px ÷ 16 = 1.5rem.
What is the difference between rem and em?
Rem is relative to the root element; em is relative to the current element’s font size.
Should I change the root font size?
Avoid setting it in px; it overrides user preferences. Keep the browser default.
Is anything uploaded?
No. It runs in your browser.
Can I use the output in Figma or CSS?
Yes. Values are standard HEX, RGB, HSL and CSS that work in Figma, CSS and most design tools.
Is the px to rem converter free?
Yes. It is free with no sign-up and no usage limits for normal use.
Is my data sent to your servers?
No. This tool runs entirely in your browser, so what you type never leaves your device.
Does it work on my phone?
Yes. The tool works in any modern browser on iPhone, Android, tablet or computer.