18px to rem
18px equals 1.125rem when the root font size is 16px (the browser default).
pixel to rem conversion table
| pixels | rem |
|---|---|
| 8 pixels | 0.5 rem |
| 10 pixels | 0.625 rem |
| 12 pixels | 0.75 rem |
| 14 pixels | 0.875 rem |
| 16 pixels | 1 rem |
| 18 pixels | 1.125 rem |
| 20 pixels | 1.25 rem |
| 22 pixels | 1.375 rem |
| 24 pixels | 1.5 rem |
| 26 pixels | 1.625 rem |
| 28 pixels | 1.75 rem |
How to convert 18 pixels to rem
Divide the pixel value by the root font size: 18 ÷ 16 = 1.125rem. If your html element uses a different font size, divide by that number instead. To go back, multiply rem by 16.
Good to know
Using rem instead of px lets text and spacing grow when a visitor raises the browser’s default font size, which helps accessibility. Many teams keep 1px borders in px and use rem for font sizes, padding and margins.
Popular calculations
8 pixels to rem10 pixels to rem11 pixels to rem12 pixels to rem13 pixels to rem14 pixels to rem15 pixels to rem16 pixels to rem17 pixels to rem19 pixels to rem20 pixels to rem21 pixels to rem22 pixels to rem24 pixels to rem25 pixels to rem26 pixels to rem28 pixels to rem30 pixels to rem32 pixels to rem34 pixels to rem36 pixels to rem38 pixels to rem40 pixels to rem42 pixels to rem44 pixels to rem45 pixels to rem48 pixels to rem50 pixels to rem52 pixels to rem56 pixels to rem
Frequently asked questions
How many rem is 18 pixels?
18 pixels is 1.125 rem.
What is the formula for pixel to rem?
rem = px ÷ root font size. With the default 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px.
Can I convert other values?
Yes. Enter any pixel value and your own root font size in the converter on this page, or paste a whole stylesheet to convert every px value at once.