PX to REM Converter
Convert pixel values to REM units and REM back to pixels. Set your project's base font size (default 16px) and get instant conversions with a handy reference table.
px (root font size of your project)
px → rem
—
rem → px
—
Reference Table
How to Use the PX to REM Converter
- Set the base font size (default 16px — the browser default and most common project setting).
- Enter a pixel value and click "Convert" to get the REM equivalent.
- Or enter a REM value to convert back to pixels.
- Use the reference table for quick lookups of common sizes.
Features
- Bidirectional: px → rem and rem → px
- Customisable base font size (default 16px)
- Live reference table with common sizes and use cases
- Table updates instantly when base font size changes
- Press Enter for quick conversions
Px to rem: practical uses
Use px to rem when you need a fast, clear, private result without creating an account. This page also supports related needs like px to rem online, px to rem validator, px to rem formatter so you can choose the right workflow.
When it helps
- Best for: Pasting code, structured data, tokens, hashes, or encoded text and getting a readable result quickly.
- Helpful details: Use the examples, validation messages, copy actions, and formatting options to catch mistakes before you ship.
- Next step: Open a related formatter, validator, encoder, parser, or converter when your workflow moves to another format.
For the next step, try JSON Formatter & Validator, Regex Tester & Log Extractor, Base64 Encoder & Decoder, Hash Generator.
Frequently Asked Questions
Why use REM instead of pixels?
REM (root em) units scale relative to the root element's font size. This makes layouts more accessible — users who increase their browser's font size will see your content scale proportionally, unlike fixed pixel values.
What base font size should I use?
The browser default is 16px. Most projects keep this default, meaning 1rem = 16px. Some projects set the root to 62.5% (10px) to make the math easier (1rem = 10px, so 1.6rem = 16px). Match the base to your CSS :root declaration.
Is REM the same as EM?
No. EM is relative to the current element's font size, which can compound in nested elements. REM always refers to the root element's font size, making it more predictable and consistent.
