PX to REM Converter

PX to REM Conversion Table

This table shows common px to rem values with a 16px base font size. Use the converter above for more conversions.

To convert px to rem, you need to know the size of 1 REM, which is typically 16px by default. Then, simply use the formula:
px ÷ 16 = rem

For example, with 1rem being 16px, 32px would convert to:
32 ÷ 16 = 2rem

The formula for converting PX to REM is:
REM = PX / Base Font Size

Typically, the base font size is 16px, so the formula becomes:
REM = PX / 16

REM is relative to the root font size, making it easier to scale elements proportionally, ensuring responsive and accessible designs.

Scalability: REM is relative to the root font size, meaning elements scale when the root size changes, while PX is fixed.
Accessibility: REM allows users to adjust text size in their browser settings for better readability, unlike PX which stays fixed.
Consistency: REM ensures all elements scale uniformly, making it easier to maintain consistent sizing across the site.
Responsiveness: REM works well with media queries, adapting layout and typography based on screen size and root font size.
Maintainability: Adjusting the root font size changes all REM-based elements globally, simplifying updates.