PX to REM / EM Converter

Convert pixel units to standard responsive relative REM and EM parameters based on custom HTML root sizes.

Conversion Parameters

16px
Resulting CSS Formulas
Value in REM:1.5rem
Value in EM:1.5em
Formula:24px / 16px = 1.5rem

Responsive Scale Sheet

Pixels (PX)Relative (REM)Visual Preview
12px0.750remAg
14px0.875remAg
16px1.000remAg
18px1.125remAg
20px1.250remAg
24px1.500remAg
28px1.750remAg
32px2.000remAg
36px2.250remAg
40px2.500remAg
48px3.000remAg
64px4.000remAg

Design Accessible Typography Scales with Relative CSS Units

Responsive web layouts rely on relative viewport measurements like **REM and EM** to accommodate user accessibility configurations. When users adjust their default browser font sizes, relative text layouts adapt recursively, preserving layout ratios without truncation. Our **PX to REM / EM Converter** maps pixel parameters to standard REM styles instantly based on your base font system, with a visual scale list included.