PX to REM Converter
Convert between pixels, rem, em, points and physical units at 96 dpi.
Processing: This tool runs entirely in your browser. Your input and any file you open stay on your device — nothing is uploaded to a server.
How to use the px to rem converter
- Type the amount you want to convert.
- Choose the unit you have and the unit you want.
- Read the result, or use the table showing all 7 units at once.
About this tool
CSS treats one inch as 96 pixels regardless of the actual screen, which is what makes pt, in and cm usable in a stylesheet at all. Rem and em are relative: rem to the root font size, em to the parent element's. Both are shown here against the browser default of 16px, so 1rem is 16px, 1.5rem is 24px.
That default matters for accessibility. Sizing text in rem means it scales when someone raises their browser's default font size; sizing in px overrides that preference. If your root font size is not 16px, scale the results accordingly.
Common uses
- Translating a design handoff in pixels into rem.
- Checking what a rem value renders as.
- Converting a print size in points to pixels.
Frequently asked questions
- What is 16px in rem?
- 1rem, assuming the default root font size of 16px. 24px is 1.5rem, 12px is 0.75rem.
- Should I use px or rem?
- Prefer rem for text, so it respects the reader's chosen font size. Pixels are fine for borders and other details that should not scale.
Related tools
Colour Contrast Checker
Check text and background colours against the WCAG 2.1 contrast requirements for AA and AAA.
CSS Gradient Generator
Build linear and radial CSS gradients visually and copy the generated background property.
Length Converter
Convert between millimetres, centimetres, metres, kilometres, inches, feet, yards and miles.
HEX to RGB Converter
Convert colours between HEX, RGB and HSL with a live preview and copyable CSS values.