This is a free converter which you can use to convert Pixels (px) to Rem unit. please type the Base value and the Pixels (px) value that you want to convert to Rem and simply press Convert button!
What is Rem unit and how to convert Pixels to Rem ?
Rem is Abbreviation for Root em. Rem is Relative to base size of the root element and it it constant throughout the document.
Rem unit usually used in CSS development.
you can use this equation to convert Pixel To Rem: Rem = pixel / base size.
For example, if pixel in your work is 24 and base size is 16, and you want to convert px to rem manually: Rem=24/16=1.5 .
What is the difference between Rem and Em units?
Em unit is directly relative to the text size, while Rem is relative to the Root size.
Pixels to Rem Conversion Table if base size is 16
This is a chart for px to rem conversion which usually used by developers if base size is 16.
Pixel | 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 |