← CSS Units Converter

Px to Rem Converter

Convert pixels to rem units instantly. Free online CSS px to rem converter with base font size adjustment.

100% client-side. Your data never leaves your browser.

÷base
Viewport settings
Enter a value above to convert between CSS units

Related Tools

📐
CSS Units Converter

Convert between CSS units instantly: px, rem, em, vw, vh, pt, cm, mm, in, and more. Set base font size and viewport dimensions for accurate relative unit conversions.

 📐
Unit Converter

Convert between length, weight, temperature, speed, area, volume, data, and time units instantly. Metric, imperial, and more. No server, no signup.

Convert Pixels to Rem

Enter a pixel value to convert it to rem units. The conversion divides your pixel value by the root font size (default 16px). This is the most common CSS unit conversion for modern web development.

Common Pixel to Rem Values

PixelsRem (16px base)Rem (14px base)Use Case
12px0.75rem0.857remSmall text
14px0.875rem1remBody text
16px1rem1.143remBase font size
18px1.125rem1.286remHeading text
24px1.5rem1.714remH3 headings
32px2rem2.286remH2 headings
48px3rem3.429remH1 headings

How to Use

  1. The tool opens with 16px pre-filled, converting to 1rem
  2. Type any pixel value in the input field
  3. Adjust the base font size if your project uses something other than 16px
  4. Copy the rem value from the results table

Real-World Example

A design spec calls for 24px padding with a 16px root font size. Divide 24 by 16 to get 1.5rem. If your root font size is 14px, divide 24 by 14 to get approximately 1.714rem.

For more conversions, see the full CSS Units Converter or try Rem to Px.