A fast, no-nonsense pixel calculator for responsive web design. Type a value in pixels — or tap a preset — and instantly get it in rem (relative to a 16px root) or in vw, relative to any viewport width. Round the result to the precision you need and copy it straight into your CSS. Everything runs in your browser, with nothing to install.
Designers hand off layouts in pixels, but responsive, accessible CSS is built on relative units. Converting your pixel values to rem keeps typography and spacing scalable and respectful of the user's browser settings, while vw lets elements grow and shrink fluidly with the viewport. This converter removes the mental math so you can move from a Figma spec to production CSS in seconds.
<html> element, which is 16px by default. So 24px ÷ 16 = 1.5rem. Size in rem and everything scales cleanly when a user changes their base font size.24px ÷ 1440 × 100 = 1.6667vw. Use it for fluid, full-width layouts that respond to screen size."Exactly the tiny utility I keep open in a tab all day. Paste a pixel value, get clean rem, copy, done."
"The vw mode with a custom viewport width is what sold me — fluid type calculations without spinning up a calculator."
"The round-it button is a lovely touch. I get exactly the precision I want and nothing more."
How do I convert px to rem?
Divide the pixel value by the root font size (16px by default). For example, 24px ÷ 16 = 1.5rem — this tool does it instantly.
How do I convert px to vw?
Divide the pixel value by the viewport width and multiply by 100. On a 1440px viewport, 24px becomes 1.6667vw.
Which viewport width should I convert against?
Use the width your design was created at — commonly 1440px, 1920px, or 375px for mobile. Set it in the field and the vw result updates instantly.
Is this converter free?
Yes — completely free, no sign-up, and it runs entirely in your browser.