rem to px
A converter that calculates the px from a rem for a given rem size to measure the pixels
Hot Keys
— Calculate and copy the result of calculation.
— Calculate the result.
— Copy the result of calculation.
— Reverse the converter to "PX to REM".
— Focus the "REM" input.
— Focus the "REM Size" input.
Extensions
FAQ
How to convert REM to PX?
To convert rem to px, you should know total size of 1 REM, default is 16px Then, just apply formula: rem * rem size For example, with 16px size of 1rem, 2rem will be converted to: 2 * 16 = 32px
What is the REM to PX formula?
rem * rem size
What is rem unit?
REM is defined relative to the font size of the root element. The root element is matched by the :root pseudo-class or the html selector. 1 REM therefore takes on the value which is given to the font-size of the root element. This means that 1 REM keeps the same value throughout your whole CSS code.
What is px unit? (Pixels)
Pixel unit is the theorical smallest dot displayed on a computer screen. Nowadays, pixel unit can differ between physical resolution and logical resolution. This difference is called device pixel ratio or DPR: Logical resolution = physical resolution / device pixel ratio. So, a screen with 1024x768 physical resolution with a DPR of 2 will have a 512x384 logical resolution.
REM to PX Conversion Table if rem size is 16px
| rem | 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 |