{"id":164,"date":"2023-01-25T11:34:55","date_gmt":"2023-01-25T11:34:55","guid":{"rendered":"https:\/\/www.pixelscalculator.com\/?p=164"},"modified":"2023-02-05T18:09:26","modified_gmt":"2023-02-05T18:09:26","slug":"px-to-rem","status":"publish","type":"post","link":"https:\/\/www.pixelscalculator.com\/px-to-rem\/","title":{"rendered":"PX to REM Converter"},"content":{"rendered":"<p><script>\nfunction convertToRem() {\n  let px = document.getElementById(\"pxInput\").value;\n  let base = document.getElementById(\"baseInput\").value;\n  let rem = px \/ base;\n  document.getElementById(\"result\").innerHTML = `${rem}REM`;\n}\n<\/script><\/p>\n<div class=\"calc\">\n<h2 class=\"second-head\">PX to REM converter is the perfect and accurate online PX to REM conversion tool.<\/h2>\n<div class=\"pxcal\">\n<p><span class=\"second-2\"><a href=\"https:\/\/www.pixelscalculator.com\/rem-to-px\/\">REM to PX<\/a><\/span> <span class=\"convert-icon\">\u21cc<\/span> <span class=\"second-1\">PX to REM<\/span><\/p>\n<form>\n      <label>Base:<\/label><br \/>\n      <input type=\"text\" id=\"baseInput\"\/><\/p>\n<p>      <label>PX:<\/label><br \/>\n      <input type=\"text\" id=\"pxInput\"\/><\/p>\n<p>      <button type=\"button\" onclick=\"convertToRem()\">Convert<\/button><\/p><\/form>\n<p id=\"result\">\n<div class=\"formula\"><span class=\"formula-title\">Conversion Formula:<\/span> rem = px \/ base font <\/div>\n<\/div>\n<div class=\"des\">\n<h3 class=\"three-head\"><span class=\"point\"><\/span>How to convert Pixel to REM?<\/h3>\n<p>&#8220;PX&#8221; and &#8220;REM&#8221; are both units of measurement used in web design to specify the size of elements on a web page.<\/p>\n<p>To convert PX to REM, you can use the following formula:<br \/>\nrem = px \/ base font size<\/p>\n<p>Where &#8220;px&#8221; is the number of pixels you want to convert, and the &#8220;base font size&#8221; is the font size that is set as the default for the entire web page. For example, if the base font size is 16px, then:<br \/>\nrem = 10px \/ 16px = 0.625rem<\/p>\n<p>In other words, 10 pixels is equivalent to 0.625 rem when the base font size is 16px.\n<\/p><\/div>\n<h3 class=\"head-3\">PX to REM Conversion Table<\/h3>\n<div class=\"pixel-table\">\n<table>\n<thead>\n<tr>\n<th>PX<\/th>\n<th>REM<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1px<\/td>\n<td>0.625rem<\/td>\n<\/tr>\n<tr>\n<td>2px<\/td>\n<td>0.125rem<\/td>\n<\/tr>\n<tr>\n<td>4px<\/td>\n<td>0.25rem<\/td>\n<\/tr>\n<tr>\n<td>8px<\/td>\n<td>0.5rem<\/td>\n<\/tr>\n<tr>\n<td>12px<\/td>\n<td>0.75rem<\/td>\n<\/tr>\n<tr>\n<td>16px<\/td>\n<td>1rem<\/td>\n<\/tr>\n<tr>\n<td>20px<\/td>\n<td>1.25rem<\/td>\n<\/tr>\n<tr>\n<td>24px<\/td>\n<td>1.5rem<\/td>\n<\/tr>\n<tr>\n<td>32px<\/td>\n<td>2rem<\/td>\n<\/tr>\n<tr>\n<td>40px<\/td>\n<td>2.5rem<\/td>\n<\/tr>\n<tr>\n<td>48px<\/td>\n<td>3rem<\/td>\n<\/tr>\n<tr>\n<td>64px<\/td>\n<td>4rem<\/td>\n<\/tr>\n<tr>\n<td>96px<\/td>\n<td>6rem<\/td>\n<\/tr>\n<tr>\n<td>128px<\/td>\n<td>8rem<\/td>\n<\/tr>\n<tr>\n<td>160px<\/td>\n<td>10rem<\/td>\n<\/tr>\n<tr>\n<td>176px<\/td>\n<td>11rem<\/td>\n<\/tr>\n<tr>\n<td>192px<\/td>\n<td>12rem<\/td>\n<\/tr>\n<tr>\n<td>208px<\/td>\n<td>13rem<\/td>\n<\/tr>\n<tr>\n<td>224px<\/td>\n<td>14rem<\/td>\n<\/tr>\n<tr>\n<td>256px<\/td>\n<td>16rem<\/td>\n<\/tr>\n<tr>\n<td>320px<\/td>\n<td>20rem<\/td>\n<\/tr>\n<tr>\n<td>480px<\/td>\n<td>30rem<\/td>\n<\/tr>\n<tr>\n<td>576px<\/td>\n<td>36rem<\/td>\n<\/tr>\n<tr>\n<td>768px<\/td>\n<td>48rem<\/td>\n<\/tr>\n<tr>\n<td>800px<\/td>\n<td>50rem<\/td>\n<\/tr>\n<tr>\n<td>960px<\/td>\n<td>60rem<\/td>\n<\/tr>\n<tr>\n<td>992px<\/td>\n<td>62rem<\/td>\n<\/tr>\n<tr>\n<td>1024px<\/td>\n<td>64rem<\/td>\n<\/tr>\n<tr>\n<td>1120px<\/td>\n<td>70rem<\/td>\n<\/tr>\n<tr>\n<td>1200px<\/td>\n<td>75rem<\/td>\n<\/tr>\n<tr>\n<td>1280px<\/td>\n<td>80rem<\/td>\n<\/tr>\n<tr>\n<td>1440px<\/td>\n<td>90rem<\/td>\n<\/tr>\n<tr>\n<td>1600px<\/td>\n<td>100rem<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PX to REM converter is the perfect and accurate online PX to REM conversion tool. REM to PX \u21cc PX to REM Base: PX: Convert Conversion Formula: rem = px \/ base font How to convert Pixel to REM? &#8220;PX&#8221; and &#8220;REM&#8221; are both units of measurement used in web design to specify the size &#8230; <a title=\"PX to REM Converter\" class=\"read-more\" href=\"https:\/\/www.pixelscalculator.com\/px-to-rem\/\" aria-label=\"More on PX to REM Converter\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":841,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/posts\/164"}],"collection":[{"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":17,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/posts\/164\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/posts\/164\/revisions\/818"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/media\/841"}],"wp:attachment":[{"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/media?parent=164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/categories?post=164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixelscalculator.com\/wp-json\/wp\/v2\/tags?post=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}