REM to PX Converter
Utilize this free online rem to px converter tool to convert any rem value to the equivalent pixel CSS unit value. In CSS, pixels are an absolute unit of measurement normatively defined as 1/96th of an inch. This bidirectional converter allows instant conversion between rem and pixels with adjustable root font-size.
To convert rem to pixels, multiply the rem value by the root font-size (typically 16px by default). If you've changed the root font-size from the default, input your custom value in the base field. The converter updates both directions automatically in real-time.
Conversion Formula
px = rem × root font-size
For example, to convert 3rem to pixels with a root font-size of 16px, calculate 3 × 16 = 48px. If the root font-size is changed to 20px, then 3rem equals 60px because 3 × 20 = 60.
REM to PX Converter Conversion Table (Root: 16px)
| REM | PX |
|---|---|
| 0.0625rem | 1px |
| 0.25rem | 4px |
| 0.5rem | 8px |
| 0.75rem | 12px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 2.5rem | 40px |
| 3rem | 48px |
| 4rem | 64px |
| 6rem | 96px |
| 8rem | 128px |
| 10rem | 160px |
| 11rem | 176px |
| 12rem | 192px |
| 13rem | 208px |
| 14rem | 224px |
| 16rem | 256px |
| 20rem | 320px |
| 30rem | 480px |
| 36rem | 576px |
| 48rem | 768px |
| 50rem | 800px |
| 60rem | 960px |
| 62rem | 992px |
| 64rem | 1024px |
| 70rem | 1120px |
| 75rem | 1200px |
| 80rem | 1280px |
| 90rem | 1440px |
| 100rem | 1600px |
| 120rem | 1920px |
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.
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.