How to Convert REM to PX?
To convert rem to px, you need to know the size of 1 REM, which is typically 16px by default. Then, simply use the formula:
rem × 16 = px
For example, with 1rem being 16px, 2rem would convert to:
2 × 16 = 32px
A tool that converts REM to PX for a specific breakpoint, helping to measure pixels accurately.
This table shows common rem to px values with a 16px base font size. Use the converter above for more conversions.
| REM (rem) | Pixels (px) |
|---|---|
| 1rem | 16px |
| 2rem | 32px |
| 3rem | 48px |
| 4rem | 64px |
| 5rem | 80px |
| 6rem | 96px |
| 7rem | 112px |
| 8rem | 128px |
| 9rem | 144px |
| 10rem | 160px |
| 11rem | 176px |
| 12rem | 192px |
| 13rem | 208px |
| 14rem | 224px |
| 15rem | 240px |
| 16rem | 256px |
| 17rem | 272px |
| 18rem | 288px |
| 19rem | 304px |
| 20rem | 320px |
| 21rem | 336px |
| 22rem | 352px |
| 23rem | 368px |
| 24rem | 384px |
| 25rem | 400px |
| 26rem | 416px |
| 27rem | 432px |
| 28rem | 448px |
| 29rem | 464px |
| 30rem | 480px |
| 31rem | 496px |
| 32rem | 512px |
| 33rem | 528px |
| 34rem | 544px |
| 35rem | 560px |
| 36rem | 576px |
| 37rem | 592px |
| 38rem | 608px |
| 39rem | 624px |
| 40rem | 640px |
| 41rem | 656px |
| 42rem | 672px |
| 43rem | 688px |
| 44rem | 704px |
| 45rem | 720px |
| 46rem | 736px |
| 47rem | 752px |
| 48rem | 768px |
| 49rem | 784px |
| 50rem | 800px |
| 51rem | 816px |
| 52rem | 832px |
| 53rem | 848px |
| 54rem | 864px |
| 55rem | 880px |
| 56rem | 896px |
| 57rem | 912px |
| 58rem | 928px |
| 59rem | 944px |
| 60rem | 960px |
| 61rem | 976px |
| 62rem | 992px |
| 63rem | 1008px |
| 64rem | 1024px |
| 65rem | 1040px |
| 66rem | 1056px |
| 67rem | 1072px |
| 68rem | 1088px |
| 69rem | 1104px |
| 70rem | 1120px |
| 71rem | 1136px |
| 72rem | 1152px |
| 73rem | 1168px |
| 74rem | 1184px |
| 75rem | 1200px |
| 76rem | 1216px |
| 77rem | 1232px |
| 78rem | 1248px |
| 79rem | 1264px |
| 80rem | 1280px |
| 81rem | 1296px |
| 82rem | 1312px |
| 83rem | 1328px |
| 84rem | 1344px |
| 85rem | 1360px |
| 86rem | 1376px |
| 87rem | 1392px |
| 88rem | 1408px |
| 89rem | 1424px |
| 90rem | 1440px |
| 91rem | 1456px |
| 92rem | 1472px |
| 93rem | 1488px |
| 94rem | 1504px |
| 95rem | 1520px |
| 96rem | 1536px |
| 97rem | 1552px |
| 98rem | 1568px |
| 99rem | 1584px |
| 100rem | 1600px |
To convert rem to px, you need to know the size of 1 REM, which is typically 16px by default. Then, simply use the formula:
rem × 16 = px
For example, with 1rem being 16px, 2rem would convert to:
2 × 16 = 32px
The formula for converting REM to PX is:
PX = REM × Base Font Size
Typically, the base font size is 16px, so the formula becomes:
PX = REM × 16
Converting REM to PX is helpful when you need to work with fixed pixel sizes for designs or when you are transitioning from a relative unit (REM) to an absolute unit (PX) for more precise control over layout and typography.