REM to PX Converter
Convert rem values to pixels for any root font size, with a quick reference table.
PX to REM Converter
Convert pixels to rem instantly with any base font size, see a reference table, or convert every px value in a block of CSS at once.
How to use
- Set the base font size (16 px is the browser default).
- Type a px value to get rem, or paste CSS into the bulk converter.
- Copy the result.
What this tool does
rem = px ÷ base font size. The bulk converter rewrites px values in your CSS and can leave 1 px borders alone.
Why it matters
Sizes in rem follow the user’s browser font setting, which makes layouts more accessible and easier to scale.
Frequently asked questions
What is 16px in rem?
1rem, when the root font size is the default 16 px.
rem or em?
rem is relative to the root element, so it is predictable. em is relative to the parent and compounds when nested.
Related tools
CSS Clamp Generator (Fluid Typography)
Generate a CSS clamp() value that grows smoothly from a minimum size on small screens to a maximum…
Type Scale Generator
Build a harmonious typographic scale from a base size and ratio, preview it, and export CSS variables. Switch…
CSS Minifier
Minify CSS by removing comments and unnecessary whitespace, and see exactly how many bytes you save.
CSS Gradient Generator
Build linear, radial and conic CSS gradients visually with multiple colour stops and copy production-ready code.
CSS Beautifier & Formatter
Turn minified or messy CSS into readable, consistently indented code with one declaration per line.
CSS Box Shadow Generator
Design soft, natural box shadows with up to four layers and a live preview, then copy the CSS.
CSS Border Radius Generator
Adjust each corner of a box with sliders, in px or %, and copy the shortest border-radius CSS.
Related guides
Elementor Guides
Elementor Responsive Design: Breakpoints and Common Fixes
Planned article. Write the full piece here, then delete this brief.