Formula.pixels = rem × 16.
Relationship.1 rem = 16 px.
Worked example. 1.5 rem = 24 px.
rem to px Converter.
1 rem = 16 px, so 1.5 rem = 24 px. Type any value below to convert rem to px instantly.
Quick
rem
Copied ✓ px
Copied ✓ Reference Table
| px | rem | em | pt | % |
|---|---|---|---|---|
| 0.024 | 0.0015 | 0.0015 | 0.0180000045 | 0.15 |
| 0.24 | 0.015 | 0.015 | 0.180000045 | 1.5 |
| 2.4 | 0.15 | 0.15 | 1.8 | 15 |
| 24 | 1.5 | 1.5 | 18.000005 | 150 |
| 240 | 15 | 15 | 180.000045 | 1500 |
| 2400 | 150 | 150 | 1800.0005 | 15000 |
| 24000 | 1500 | 1500 | 18000.0045 | 150000 |
How to convert rem to px
rem to px conversion table
| rem | px |
|---|---|
| 0.125 | 2 |
| 0.25 | 4 |
| 0.375 | 6 |
| 0.5 | 8 |
| 0.625 | 10 |
| 0.75 | 12 |
| 0.8125 | 13 |
| 0.875 | 14 |
| 1 | 16 |
| 1.125 | 18 |
| 1.25 | 20 |
| 1.375 | 22 |
| 1.5 | 24 |
| 1.75 | 28 |
| 2 | 32 |
| 2.25 | 36 |
| 2.5 | 40 |
| 3 | 48 |
| 3.5 | 56 |
| 4 | 64 |
| 4.5 | 72 |
| 5 | 80 |
| 6 | 96 |
| 8 | 128 |
| 10 | 160 |
Frequently Asked Questions
How do I convert rem to px?
Multiply by the root font size, 16 px by default. For example, 1.5 rem × 16 = 24 px, and 0.875 rem × 16 = 14 px.
How many pixels is 1 rem?
16 px at the browser default. It is not a fixed size: 1 rem always equals the
html element's font size, whatever that has been set to.Is 1 rem always 16 px?
No, and that is the point of it. A reader who chooses "Large" text in their browser settings may get a 20 px root, and then 1 rem is 20 px. Browser zoom scales px and rem alike; the font-size setting scales only rem and em.
How does Tailwind's spacing scale map to rem and px?
Tailwind's spacing step is 0.25 rem, which is 4 px at the default root. So
p-4 is 1 rem (16 px) and p-6 is 1.5 rem (24 px).