How do you convert PX to REM?

Divide the pixel value by the browser root font size (typically 16px). For example, 24px / 16px = 1.5rem.

Updated: August 2026 • Verified v1.2

Pixel Density & Unit Converter (PX, PT, DP, REM)

Creative & DesignDesign

Local Browser Execution: Your input is processed locally in your browser and is not sent to UTL servers.

Unit Conversions: REM = PX / Base_REM; PT = PX * 0.75; DP = PX; @Nx = PX * N

Was this calculation helpful?

Understanding Your Results

Calculates synchronized conversions for REM (at customizable root font size), Points (72 dpi), Android DP (160 dpi baseline), and physical pixel asset export sizes (@1x, @2x, @3x, @4x).

Practical Guidance & Next Steps

1 CSS Pixel equals 1 Android DP and 0.75 iOS Points at standard 1x density.

What is this?

A UI design and development utility that translates layout dimensions across web and mobile platform units.

How does it work?

1. Enter CSS pixel value (or adjust slider) and set root font size (16px default). 2. View instant conversion to REM, Points, and Android DP. 3. View physical pixel asset export dimensions (@1x, @2x, @3x, @4x).

Why use it?

Bridges the gap between Figma design files and native iOS/Android/Web codebases.

Technical Scope & Calculation Limitations

Calculates standard digital UI layout unit conversions.

Frequently Asked Questions

A CSS pixel (px) is a standard web measurement unit, while a Density-Independent Pixel (dp) is an Android unit that scales proportionally on screens of varying physical pixel densities.

Windows Desktop & Widget Options