330 pixels is equal to 20.625 rem.
The conversion from pixels (px) to rem units depends on the root font size defined in the CSS, which is commonly 16 pixels. By dividing the pixel value by the root font size, you get the equivalent rem value that scales relative to the root font size, making designs more flexible and accessible.
Conversion Tool
Result in rem:
Conversion Formula
The formula to convert pixels (px) to rem is:
rem = px / root font size
Where the root font size is most often 16 pixels by default in browsers. The rem unit stands for “root em” and is relative to the font size of the root element (<html>). This allows the size to scale consistently if the root font size changes.
Example calculation for 330 px:
- Start with 330 pixels
- Divide by 16 (the root font size): 330 ÷ 16 = 20.625
- Result is 20.625 rem
Conversion Example
- 240 px to rem:
- Take 240 pixels
- Divide by 16: 240 ÷ 16 = 15
- So, 240 px equals 15 rem
- 480 px to rem:
- Start with 480 pixels
- Divide by 16: 480 ÷ 16 = 30
- Result is 30 rem
- 96 px to rem:
- Given 96 pixels
- Divide by 16: 96 ÷ 16 = 6
- The rem value is 6
- 128 px to rem:
- Take 128 pixels
- Divide by 16: 128 ÷ 16 = 8
- Final rem size is 8 rem
Conversion Chart
| Pixels (px) | Rem (rem) |
|---|---|
| 305.0 | 19.0625 |
| 310.0 | 19.3750 |
| 315.0 | 19.6875 |
| 320.0 | 20.0000 |
| 325.0 | 20.3125 |
| 330.0 | 20.6250 |
| 335.0 | 20.9375 |
| 340.0 | 21.2500 |
| 345.0 | 21.5625 |
| 350.0 | 21.8750 |
| 355.0 | 22.1875 |
This chart helps to quickly find rem equivalents of pixel sizes between 305 and 355. Just match the pixel value in the left column and read the corresponding rem on the right. Useful for reference when designing with rem units.
Related Conversion Questions
- How many rem units equal 330 px if the root font size is 18 pixels?
- What is the rem value for 330 pixels on a website with a base font size of 16px?
- How to convert 330 px to rem for responsive web design?
- Is 330 px equal to 20.625 rem at 16px root font size?
- How does 330 pixels translate to rem units in CSS?
- What rem size corresponds to 330 pixels when changing root font size?
- Can I use rem instead of px for a 330-pixel measurement?
Conversion Definitions
px: A pixel (px) is a fixed measurement unit in digital screens representing a single point in a raster image or display. Pixels are absolute units that don’t scale with user settings, making them precise but less flexible for responsive designs.
rem: The rem unit stands for “root em” and is a scalable measurement in CSS. It represents the font size of the root (<html>) element, allowing UI elements to scale relative to the root font size, improving accessibility and layout flexibility.
Conversion FAQs
Why does converting pixels to rem depend on the root font size?
Because rem units are relative to the root font size, the number of pixels that equals one rem changes if the root font size changes. For example, if the root font size is 16px, 1rem is 16px, but if it’s changed to 20px, 1rem equals 20px. This relativity makes rem flexible but requires knowing the root size.
Will converting 330 px to rem always give 20.625 rem?
No, 20.625 rem is true only if the root font size is 16px. If the root font size differs, the rem value changes accordingly. For example, if the root font size is 10px, 330px would equal 33 rem. So the root font size must be confirmed before conversion.
Can rem units improve website accessibility compared to pixels?
Yes, rem units scale with user settings and browser defaults, allowing users to resize text more easily. Pixels are fixed and don’t respond to user scaling preferences, which can make content harder to read for some users. Rem units help create more adaptable designs.
Is it possible to convert rem back to pixels?
Yes, to convert rem to pixels, multiply the rem value by the root font size. For instance, 20.625 rem times 16px root font size equals 330 pixels. This reverse calculation is straightforward but requires knowing the root font size.
Why use rem instead of px for web design?
Using rem units allows the layout and typography to adjust relative to the root font size, improving scalability and consistency across devices. Pixels are fixed and can cause issues on different screen sizes or user settings. Rem units provide more flexible and user-friendly designs.
Last Updated : 25 June, 2025
I’ve put so much effort writing this blog post to provide value to you. It’ll be very helpful for me, if you consider sharing it on social media or with your friends/family. SHARING IS ♥️
Sandeep Bhandari holds a Bachelor of Engineering in Computers from Thapar University (2006). He has 20 years of experience in the technology field. He has a keen interest in various technical fields, including database systems, computer networks, and programming. You can read more about him on his bio page.