PX to REM Converter
Use this free online px to rem converter tool to convert any px value to the equivalent REM CSS unit value. REM is a relative unit based on the root element font-size, making it ideal for scalable and accessible web designs. This bidirectional converter allows you to instantly convert between pixels and rem units with adjustable base font-size.
To convert pixels to rem, divide the pixel value by the root font-size (typically 16px by default). If you've changed the root font-size, input your custom value in the base field. The converter will automatically update both directions in real-time.
Conversion Formula
rem = px ÷ root font-size
For example, to convert 48px to rem with a root font-size of 16px, calculate 48 ÷ 16 = 3rem. If the root font-size is changed to 20px, then 48px equals 2.4rem because 48 ÷ 20 = 2.4.
PX to REM Converter Conversion Table (Root: 16px)
| PX | REM |
|---|---|
| 1px | 0.0625rem |
| 4px | 0.25rem |
| 8px | 0.5rem |
| 12px | 0.75rem |
| 16px | 1rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 64px | 4rem |
| 96px | 6rem |
| 128px | 8rem |
| 160px | 10rem |
| 176px | 11rem |
| 192px | 12rem |
| 208px | 13rem |
| 224px | 14rem |
| 256px | 16rem |
| 320px | 20rem |
| 480px | 30rem |
| 576px | 36rem |
| 768px | 48rem |
| 800px | 50rem |
| 960px | 60rem |
| 992px | 62rem |
| 1024px | 64rem |
| 1120px | 70rem |
| 1200px | 75rem |
| 1280px | 80rem |
| 1440px | 90rem |
| 1600px | 100rem |
| 1920px | 120rem |
What is PX?
Pixels (px) are an absolute CSS unit representing a single dot on screen, normatively defined as 1/96th of an inch. They are commonly used for precise element sizing in web design. However, pixels can create accessibility issues as they don't scale with user browser preferences, making them less ideal for responsive typography.
What is REM?
REM (Root EM) is a relative CSS unit based on the root element's font size, typically 16px by default in most browsers. Unlike EM units which cascade based on parent elements, REM provides consistent sizing throughout the document. This makes REM ideal for creating scalable, accessible designs that respect user font-size preferences.