Convert PX to REM, instant results, clear and easy. With a cat.

Nihad Zeidan

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Get instant and bidirectional conversion between PX and REM units using conversion tables and a calculator. The conversion is based on the default font-size of 16 pixels but can be adjusted. Understand the differences between REM and EM units and how REM provides a consistent size relative to the HTML root tag.

PX to REM converter (instantly and bidirectional)

Much easier to just use your OS’ search bar as calculator.
However i would love it if the conversion site has a feature that calculates nearest whole digit REM number based on given pixel number. (Much better if you can select step size such as by 2’s, 30rem, 32rem, 34rem, etc…)
For example I’m eyeballing 520px but i want to use whole digit REM. I would calculate 520/16 = 32.5rem then choose 32rem which is at 512px.

Easier to change your body scope font-size to 10 (base on the fact that your base font-size is 16) then use it as a multiple of 10
<code>font-size: calc(1em * 0.625);</code> 🙃