px
rem
The calculation is based on a base font size of 16 pixels:
Base
How to Use PX to REM Converter?
Converting pixel values to REM units is mainly needed in modern web development, especially if you're creating responsive user-interfaces using CSS.
REM units are dynamic in nature, automatically adjust text size, and maintain the proportional relationship between elements on the page. What if we offer you a tool that does text, or typography conversion instantly and bidirectionally?
To create scalable typography, add the px value to the px input field; the Rem box will show you the converted rem value without even clicking on any button.
How to Convert 18 pixel to rem?
In order to make text size scalable, let's convert 18 pixels to REM nits.
Step 1: Rem = px / font-size(base font-size = 16 px)
Step 2: Rem = 18 / 16 = 1.125
Step 3: 18px = 1.125 rem
Now 18px is equal to 1.125rem
Rem units are relative to a single base font size, the converted font size will remain consistent across the different browsers and screen sizes.
However, if you want the shortest and easiest way, you can use our tool to convert pixel values to rem units.
PX vs. REM
In CSS, a pixel, or px, is an absolute unit of measurement. The main problem lies in px; its size stays stagnenet on various screen resolutions, and as a result, it creates accessibility barriers in user-interfaces.
Rem, (root-em), is a unit of measurement. It gives you more flexibility when it comes to creating scalable and responsive typography. It calculates text size based on the base font-size, and sovles accessibility barriers issue with its flexible and dynamic nature. Therefore, REM is the first choice for web developers seeking to make their content scalable.
Common PX to REM Conversion Table
| Pixels | Rem | Pixels | Rem |
|---|---|---|---|
| 1 px | 0.0625 rem | 2 px | 0.125 rem |
| 3 px | 0.1875 rem | 4 px | 0.25 rem |
| 5 px | 0.3125 rem | 6 px | 0.375 rem |
| 7 px | 0.4375 rem | 8 px | 0.5 rem |
| 9 px | 0.5625 rem | 10 px | 0.625 rem |
| 11 px | 0.6875 rem | 12 px | 0.75 rem |
| 13 px | 0.8125 rem | 14 px | 0.875 rem |
| 15 px | 0.9375 rem | 16 px | 1 rem |
| 17 px | 1.0625 rem | 18 px | 1.125 rem |
| 19 px | 1.1875 rem | 20 px | 1.25 rem |
| 21 px | 1.3125 rem | 22 px | 1.375 rem |
| 23 px | 1.4375 rem | 24 px | 1.5 rem |
| 25 px | 1.5625 rem | 26 px | 1.625 rem |
| 27 px | 1.6875 rem | 28 px | 1.75 rem |
| 29 px | 1.8125 rem | 30 px | 1.875 rem |
| 31 px | 1.9375 rem | 32 px | 2 rem |
| 33 px | 2.0625 rem | 34 px | 2.125 rem |
| 35 px | 2.1875 rem | 36 px | 2.25 rem |
| 37 px | 2.3125 rem | 38 px | 2.375 rem |
| 39 px | 2.4375 rem | 40 px | 2.5 rem |
| 41 px | 2.5625 rem | 42 px | 2.625 rem |
| 43 px | 2.6875 rem | 44 px | 2.75 rem |
| 45 px | 2.8125 rem | 46 px | 2.875 rem |
| 47 px | 2.9375 rem | 48 px | 3 rem |
| 49 px | 3.0625 rem | 50 px | 3.125 rem |
| 51 px | 3.1875 rem | 52 px | 3.25 rem |
| 53 px | 3.3125 rem | 54 px | 3.375 rem |
| 55 px | 3.4375 rem | 56 px | 3.5 rem |
| 57 px | 3.5625 rem | 58 px | 3.625 rem |
| 59 px | 3.6875 rem | 60 px | 3.75 rem |
| 61 px | 3.8125 rem | 62 px | 3.875 rem |
| 63 px | 3.9375 rem | 64 px | 4 rem |
| 65 px | 4.0625 rem | 66 px | 4.125 rem |
| 67 px | 4.1875 rem | 68 px | 4.25 rem |
| 69 px | 4.3125 rem | 70 px | 4.375 rem |
| 71 px | 4.4375 rem | 72 px | 4.5 rem |
| 73 px | 4.5625 rem | 74 px | 4.625 rem |
| 75 px | 4.6875 rem | 76 px | 4.75 rem |
| 77 px | 4.8125 rem | 78 px | 4.875 rem |
| 79 px | 4.9375 rem | 80 px | 5 rem |
| 81 px | 5.0625 rem | 82 px | 5.125 rem |
| 83 px | 5.1875 rem | 84 px | 5.25 rem |
| 85 px | 5.3125 rem | 86 px | 5.375 rem |
| 87 px | 5.4375 rem | 88 px | 5.5 rem |
| 89 px | 5.5625 rem | 90 px | 5.625 rem |
| 91 px | 5.6875 rem | 92 px | 5.75 rem |
| 93 px | 5.8125 rem | 94 px | 5.875 rem |
| 95 px | 5.9375 rem | 96 px | 6 rem |
| 97 px | 6.0625 rem | 98 px | 6.125 rem |
| 99 px | 6.1875 rem | 100 px | 6.25 rem |
| 101 px | 6.3125 rem | 102 px | 6.375 rem |
| 103 px | 6.4375 rem | 104 px | 6.5 rem |
| 105 px | 6.5625 rem | 106 px | 6.625 rem |
| 107 px | 6.6875 rem | 108 px | 6.75 rem |
| 109 px | 6.8125 rem | 110 px | 6.875 rem |
| 111 px | 6.9375 rem | 112 px | 7 rem |
| 113 px | 7.0625 rem | 114 px | 7.125 rem |
| 115 px | 7.1875 rem | 116 px | 7.25 rem |
| 117 px | 7.3125 rem | 118 px | 7.375 rem |
| 119 px | 7.4375 rem | 120 px | 7.5 rem |
