{"id":1560,"date":"2026-07-14T01:32:50","date_gmt":"2026-07-14T01:32:50","guid":{"rendered":"https:\/\/wetflagcalculator.com\/?p=1560"},"modified":"2026-07-14T03:12:49","modified_gmt":"2026-07-14T03:12:49","slug":"mpg-to-liters-per-100km-converter","status":"publish","type":"post","link":"https:\/\/wetflagcalculator.com\/es\/mpg-to-liters-per-100km-converter\/","title":{"rendered":"MPG to Liters per 100km Converter"},"content":{"rendered":"\n<h2 style=\"text-align:center;font-family:'DM Sans',sans-serif;margin-bottom:20px;\">\nMPG to Liters per 100km Converter\n<\/h2>\n\n<style>\n#mpg*{box-sizing:border-box;margin:0;padding:0}\n#mpg{\n  font-family:'DM Sans',system-ui,sans-serif;\n  max-width:480px;\n  margin:0 auto;\n  border:1.5px solid #e6e2db;\n  border-radius:18px;\n  padding:26px 24px 22px;\n  background:#fff;\n}\n#mpg .lbl{\n  display:block;\n  font-size:11px;\n  font-weight:700;\n  text-transform:uppercase;\n  letter-spacing:.07em;\n  color:#999;\n  margin-bottom:5px;\n}\n#mpg select,#mpg input[type=number]{\n  width:100%;\n  height:46px;\n  padding:0 14px;\n  border:1.5px solid #e6e2db;\n  border-radius:10px;\n  font-size:15px;\n  background:#fafaf8;\n}\n#mpg .row{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n  margin-bottom:12px;\n}\n#mpg .full{grid-column:1\/-1}\n#mpg .arrow{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding-top:22px;\n  font-size:22px;\n  color:#ccc;\n  cursor:pointer;\n}\n#mpg button.convert-btn{\n  width:100%;\n  height:48px;\n  margin-top:6px;\n  background:#111;\n  color:#fff;\n  border:none;\n  border-radius:11px;\n  font-size:15px;\n  font-weight:700;\n  cursor:pointer;\n}\n#mpg .quick-row{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:8px;\n  margin-bottom:12px;\n}\n#mpg .quick-btn{\n  flex:1;\n  min-width:44px;\n  height:38px;\n  border:1.5px solid #e6e2db;\n  border-radius:9px;\n  background:#fafaf8;\n  font-size:13px;\n  font-weight:700;\n  color:#555;\n  cursor:pointer;\n}\n#mpg .quick-btn.active{\n  background:#111;\n  color:#fff;\n  border-color:#111;\n}\n#mpg-result{\n  display:none;\n  margin-top:18px;\n  padding-top:18px;\n  border-top:1.5px solid #f0ede8;\n}\n#mpg-result .big{\n  font-size:36px;\n  font-weight:700;\n}\n#mpg-result .eq{\n  font-size:13px;\n  color:#888;\n  margin-top:5px;\n}\n#mpg-result .vehicle{\n  margin-top:12px;\n  padding:12px 14px;\n  background:#fafaf8;\n  border:1.5px solid #e6e2db;\n  border-radius:10px;\n  font-size:14px;\n  color:#333;\n}\n#mpg-share{\n  display:none;\n  margin-top:10px;\n  font-size:12px;\n  color:#999;\n  word-break:break-all;\n}\n.chart-wrap{\n  max-width:700px;\n  margin:30px auto;\n  font-family:'DM Sans',sans-serif;\n}\n.chart-wrap p.chart-title{\n  font-size:15px;\n  font-weight:400;\n  margin-bottom:10px;\n  color:#333;\n}\n.chart-wrap p.chart-note{\n  font-size:12px;\n  color:#999;\n  margin-top:8px;\n}\n.chart-wrap table{\n  width:100%;\n  border-collapse:collapse;\n}\n.chart-wrap th,\n.chart-wrap td{\n  border:1px solid #ddd;\n  padding:10px;\n  text-align:left;\n}\n.chart-wrap th{\n  background:#f7f7f7;\n}\n.similar-wrap{\n  max-width:700px;\n  margin:30px auto;\n  font-family:'DM Sans',sans-serif;\n}\n.similar-wrap h3{\n  margin-bottom:12px;\n}\n.similar-group{\n  margin-bottom:18px;\n}\n.similar-group .grp-title{\n  font-size:12px;\n  font-weight:700;\n  text-transform:uppercase;\n  letter-spacing:.06em;\n  color:#999;\n  margin-bottom:8px;\n}\n.similar-links{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n}\n.similar-links a{\n  display:inline-block;\n  padding:8px 14px;\n  border:1.5px solid #e6e2db;\n  border-radius:20px;\n  font-size:13px;\n  color:#111;\n  text-decoration:none;\n  background:#fafaf8;\n}\n.similar-links a:hover{\n  background:#111;\n  color:#fff;\n  border-color:#111;\n}\n.similar-links a.active{\n  background:#111;\n  color:#fff;\n  border-color:#111;\n}\n<\/style>\n\n<div id=\"mpg\">\n\n<div class=\"row\">\n<div class=\"full\">\n<label class=\"lbl\">Gallon Type<\/label>\n<select id=\"mpg-type\">\n<option value=\"us\" selected=\"\" data-name=\"US Gallon\">US Gallon<\/option>\n<option value=\"uk\" data-name=\"UK (Imperial) Gallon\">UK Gallon<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<div class=\"row\">\n<div class=\"full\">\n<label class=\"lbl\">Direction<\/label>\n<select id=\"mpg-dir\" onchange=\"mpgOnDirChange()\">\n<option value=\"mpg2l\" selected=\"\">MPG \u2192 Liters\/100km<\/option>\n<option value=\"l2mpg\">Liters\/100km \u2192 MPG<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<div class=\"row\">\n<div>\n<label class=\"lbl\" id=\"mpg-qty-lbl\">Quantity (MPG)<\/label>\n<input type=\"number\" id=\"mpg-qty\" value=\"15\">\n<\/div>\n\n<div>\n<label class=\"lbl\">From<\/label>\n<select id=\"mpg-from\" disabled=\"\">\n<option selected=\"\">MPG<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<div class=\"row\">\n<div class=\"arrow\" id=\"mpg-swap\" onclick=\"mpgSwap()\" title=\"Swap direction\">\u21c5<\/div>\n\n<div>\n<label class=\"lbl\">To<\/label>\n<select id=\"mpg-to\" disabled=\"\">\n<option selected=\"\">L\/100km<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<label class=\"lbl\">Quick Select MPG<\/label>\n<div class=\"quick-row\" id=\"mpg-quick-row\">\n<button type=\"button\" class=\"quick-btn active\" data-mpg=\"15\" onclick=\"mpgQuickSelect(15)\">15<\/button>\n<button type=\"button\" class=\"quick-btn\" data-mpg=\"20\" onclick=\"mpgQuickSelect(20)\">20<\/button>\n<button type=\"button\" class=\"quick-btn\" data-mpg=\"25\" onclick=\"mpgQuickSelect(25)\">25<\/button>\n<button type=\"button\" class=\"quick-btn\" data-mpg=\"30\" onclick=\"mpgQuickSelect(30)\">30<\/button>\n<button type=\"button\" class=\"quick-btn\" data-mpg=\"40\" onclick=\"mpgQuickSelect(40)\">40<\/button>\n<button type=\"button\" class=\"quick-btn\" data-mpg=\"50\" onclick=\"mpgQuickSelect(50)\">50<\/button>\n<\/div>\n\n<button class=\"convert-btn\" onclick=\"mpgCalc(true)\">Convert<\/button>\n\n<div id=\"mpg-result\">\n<div class=\"big\" id=\"mpg-out\"><\/div>\n<div class=\"eq\" id=\"mpg-eq\"><\/div>\n<div class=\"vehicle\" id=\"mpg-vehicle\"><\/div>\n<\/div>\n\n<div id=\"mpg-share\"><\/div>\n\n<\/div>\n\n<div class=\"chart-wrap\">\n\n<p class=\"chart-title\">MPG to Liters per 100km Conversion Chart<\/p>\n\n<table>\n<tbody><tr>\n<th>MPG (US)<\/th>\n<th>L\/100km<\/th>\n<th>MPG (UK)<\/th>\n<th>L\/100km<\/th>\n<\/tr>\n<tr><td>15<\/td><td>15.68<\/td><td>15<\/td><td>18.83<\/td><\/tr>\n<tr><td>20<\/td><td>11.76<\/td><td>20<\/td><td>14.12<\/td><\/tr>\n<tr><td>25<\/td><td>9.41<\/td><td>25<\/td><td>11.30<\/td><\/tr>\n<tr><td>30<\/td><td>7.84<\/td><td>30<\/td><td>9.42<\/td><\/tr>\n<tr><td>40<\/td><td>5.88<\/td><td>40<\/td><td>7.06<\/td><\/tr>\n<tr><td>50<\/td><td>4.70<\/td><td>50<\/td><td>5.65<\/td><\/tr>\n<\/tbody><\/table>\n\n<p class=\"chart-note\">MPG isn&#8217;t one fixed unit \u2014 a US gallon and a UK (imperial) gallon are different volumes, so the same MPG figure means a different real-world fuel economy depending on which one you mean. Pick the correct gallon type above for an accurate result.<\/p>\n\n<\/div>\n\n<div class=\"similar-wrap\" id=\"mpg-similar\">\n<h3>Popular MPG to Liters\/100km Conversions<\/h3>\n<div class=\"similar-group\">\n<div class=\"grp-title\">US Gallon<\/div>\n<div class=\"similar-links\" id=\"mpg-sim-us\"><\/div>\n<\/div>\n<div class=\"similar-group\">\n<div class=\"grp-title\">UK Gallon<\/div>\n<div class=\"similar-links\" id=\"mpg-sim-uk\"><\/div>\n<\/div>\n<\/div>\n\n<script>\n(function(){\n\n\/\/ constant such that L\/100km = CONST \/ MPG, and MPG = CONST \/ (L\/100km)\nvar CONST={\nus:235.214583,  \/\/ 100 * 3.78541 L (US gallon) \/ 1.60934 km (mile)\nuk:282.480936   \/\/ 100 * 4.54609 L (UK gallon) \/ 1.60934 km (mile)\n};\n\nvar SLUG={\nus:\"\",\nuk:\"uk\"\n};\n\nvar NAME={\nus:\"US Gallon\",\nuk:\"UK (Imperial) Gallon\"\n};\n\nfunction fmt(n){\nreturn parseFloat(n.toPrecision(6)).toString();\n}\n\n\/\/ dir: \"mpg2l\" (MPG -> L\/100km) or \"l2mpg\" (L\/100km -> MPG)\nfunction slugFor(qty,key,dir){\nvar s=SLUG[key];\nif(dir===\"l2mpg\"){\nreturn s ? (qty+\"-l100km-\"+s+\"-to-mpg\") : (qty+\"-l100km-to-mpg\");\n}\nreturn s ? (qty+\"-mpg-\"+s+\"-to-l100km\") : (qty+\"-mpg-to-l100km\");\n}\n\n\/\/ parses \"15-mpg-uk-to-l100km\" or \"18.83-l100km-to-mpg\" etc.\n\/\/ returns null if it doesn't match an expected pattern\nfunction parseSlug(rawParam){\nif(!rawParam) return null;\nvar raw=decodeURIComponent(rawParam).toLowerCase().trim();\nvar dir,unitWord,core;\nif(raw.slice(-11)===\"-to-l100km\"){\ndir=\"mpg2l\";\nunitWord=\"mpg\";\ncore=raw.slice(0,-11);\n}else if(raw.slice(-7)===\"-to-mpg\"){\ndir=\"l2mpg\";\nunitWord=\"l100km\";\ncore=raw.slice(0,-7);\n}else{\nreturn null;\n}\nvar re=new RegExp(\"^([\\\\d.]+)-\"+unitWord+\"(?:-(.+))?$\");\nvar m=core.match(re);\nif(!m) return null;\nvar qty=parseFloat(m[1]);\nif(isNaN(qty)) return null;\nvar subSlug=m[2]||\"\";\nvar key=\"us\";\nfor(var k in SLUG){\nif(SLUG[k]===subSlug){key=k;break;}\n}\nif(subSlug!==\"\" && key===\"us\") return null; \/\/ unknown gallon-type slug\nreturn {qty:qty,key:key,dir:dir};\n}\n\nfunction updateUrl(qty,key,dir){\nvar slug=slugFor(qty,key,dir);\nvar url=window.location.pathname+\"?convert=\"+slug;\ntry{\nwindow.history.pushState({convert:slug},\"\",url);\n}catch(e){}\nvar title=(dir===\"l2mpg\")\n? (qty+\" L\/100km to MPG \u2014 \"+NAME[key]+\" Conversion\")\n: (qty+\" MPG to L\/100km \u2014 \"+NAME[key]+\" Conversion\");\ndocument.title=title;\nvar metaDesc=document.querySelector('meta[name=\"description\"]');\nif(metaDesc){\nvar desc=(dir===\"l2mpg\")\n? (qty+\" liters per 100km equals \"+fmt(CONST[key]\/qty)+\" MPG (\"+NAME[key]+\").\")\n: (qty+\" MPG (\"+NAME[key]+\") equals \"+fmt(CONST[key]\/qty)+\" liters per 100km.\");\nmetaDesc.setAttribute(\"content\",desc+\" Free MPG to liters per 100km fuel economy converter for US and UK gallons.\");\n}\nvar shareEl=document.getElementById(\"mpg-share\");\nshareEl.style.display=\"block\";\nshareEl.textContent=\"Shareable link: \"+window.location.origin+url;\nhighlightActive(slug);\n}\n\nfunction highlightActive(slug){\ndocument.querySelectorAll(\".similar-links a\").forEach(function(a){\nif(a.getAttribute(\"data-slug\")===slug){\na.classList.add(\"active\");\n}else{\na.classList.remove(\"active\");\n}\n});\n}\n\n\/\/ keeps quantity label + From\/To boxes in sync with the chosen direction\nwindow.mpgOnDirChange=function(){\nvar dir=document.getElementById('mpg-dir').value;\nvar qtyLbl=document.getElementById('mpg-qty-lbl');\nvar fromSel=document.getElementById('mpg-from');\nvar toSel=document.getElementById('mpg-to');\nvar quickRow=document.getElementById('mpg-quick-row');\nif(dir===\"l2mpg\"){\nqtyLbl.textContent=\"Quantity (L\/100km)\";\nfromSel.innerHTML='<option selected>L\/100km<\/option>';\ntoSel.innerHTML='<option selected>MPG<\/option>';\nquickRow.style.display='none';\n}else{\nqtyLbl.textContent=\"Quantity (MPG)\";\nfromSel.innerHTML='<option selected>MPG<\/option>';\ntoSel.innerHTML='<option selected>L\/100km<\/option>';\nquickRow.style.display='flex';\n}\n};\n\nwindow.mpgSwap=function(){\nvar dirSel=document.getElementById('mpg-dir');\ndirSel.value=(dirSel.value===\"mpg2l\")?\"l2mpg\":\"mpg2l\";\nmpgOnDirChange();\n};\n\nwindow.mpgQuickSelect=function(val){\ndocument.getElementById('mpg-qty').value=val;\ndocument.querySelectorAll('#mpg-quick-row .quick-btn').forEach(function(b){\nb.classList.toggle('active',parseInt(b.getAttribute('data-mpg'),10)===val);\n});\nmpgCalc(true);\n};\n\nwindow.mpgCalc=function(pushUrl){\n\nvar qty=parseFloat(document.getElementById('mpg-qty').value);\nif(isNaN(qty) || qty<=0) return;\n\nvar dir=document.getElementById('mpg-dir').value;\nvar typeSel=document.getElementById('mpg-type');\nvar key=typeSel.value;\nvar name=typeSel.options[typeSel.selectedIndex].getAttribute('data-name');\n\nvar result, fromUnit, toUnit, l100km, mpgVal;\nif(dir===\"l2mpg\"){\nresult=CONST[key]\/qty;\nfromUnit=\"L\/100km\";\ntoUnit=\"MPG\";\nl100km=qty;\nmpgVal=result;\n}else{\nresult=CONST[key]\/qty;\nfromUnit=\"MPG\";\ntoUnit=\"L\/100km\";\nl100km=result;\nmpgVal=qty;\n}\n\ndocument.getElementById('mpg-out').textContent=\nfmt(result)+' '+toUnit;\n\ndocument.getElementById('mpg-eq').textContent=\nqty+' '+fromUnit+' ('+name+') = '+fmt(result)+' '+toUnit;\n\nvar kmPerL=100\/l100km;\ndocument.getElementById('mpg-vehicle').innerHTML=\n'Runs <strong>'+fmt(kmPerL)+'<\/strong> kilometers \/ 1 Litre';\n\ndocument.getElementById('mpg-result').style.display='block';\n\nif(pushUrl){\nupdateUrl(qty,key,dir);\n}\n\n};\n\n\/\/ builds the \"Popular MPG to Liters\/100km Conversions\" link rows\nfunction buildSimilar(){\nvar sets={\n\"mpg-sim-us\":{key:\"us\",vals:[15,20,25,30,40,50]},\n\"mpg-sim-uk\":{key:\"uk\",vals:[15,20,25,30,40,50]}\n};\nfor(var id in sets){\nvar cfg=sets[id];\nvar wrap=document.getElementById(id);\nif(!wrap) continue;\nvar html=\"\";\nfor(var i=0;i<cfg.vals.length;i++){\nvar qty=cfg.vals[i];\nvar slug=slugFor(qty,cfg.key,'mpg2l');\nhtml+='<a href=\"?convert='+slug+'\" data-slug=\"'+slug+'\" data-qty=\"'+qty+'\" data-key=\"'+cfg.key+'\" data-dir=\"mpg2l\">'+qty+' MPG<\/a>';\n}\nwrap.innerHTML=html;\n}\n\n\/\/ intercept clicks so navigation is instant (no full reload) but the\n\/\/ href stays real, so the links work and are crawlable even without JS\ndocument.getElementById('mpg-similar').addEventListener('click',function(e){\nvar a=e.target.closest('a[data-slug]');\nif(!a) return;\ne.preventDefault();\ndocument.getElementById('mpg-qty').value=a.getAttribute('data-qty');\ndocument.getElementById('mpg-type').value=a.getAttribute('data-key');\ndocument.getElementById('mpg-dir').value=a.getAttribute('data-dir');\nmpgOnDirChange();\nmpgCalc(true);\nwindow.scrollTo({top:document.getElementById('mpg').offsetTop-20,behavior:'smooth'});\n});\n}\n\nfunction loadFromUrl(){\nvar params=new URLSearchParams(window.location.search);\nvar parsed=parseSlug(params.get('convert'));\nif(parsed){\ndocument.getElementById('mpg-qty').value=parsed.qty;\ndocument.getElementById('mpg-type').value=parsed.key;\ndocument.getElementById('mpg-dir').value=parsed.dir;\nmpgOnDirChange();\nmpgCalc(false); \/\/ don't re-push, URL is already correct\nupdateUrl(parsed.qty,parsed.key,parsed.dir); \/\/ still set title\/meta\/highlight\/share text\n}else{\nmpgOnDirChange();\nmpgCalc(false);\n}\n}\n\n\/\/ handle browser back\/forward\nwindow.addEventListener('popstate',function(){\nloadFromUrl();\n});\n\nwindow.addEventListener('load',function(){\nbuildSimilar();\nloadFromUrl();\n});\n\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>More Converters<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wetflagcalculator.com\/iu-to-mg-converter\/\">IU to Mg Converter<\/a><br><a href=\"https:\/\/wetflagcalculator.com\/iu-to-mcg-converter\/\">IU To Mcg<\/a><br><a href=\"https:\/\/wetflagcalculator.com\/litre-to-kg-converter\/\">Liter To Kg<\/a><br><a href=\"https:\/\/wetflagcalculator.com\/ml-to-g-converter-calculator\/\">ML to Grams<\/a><br><a href=\"https:\/\/wetflagcalculator.com\/gallon-to-liter-converter\/\">Gallon to Liter Converter Calculator<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MPG to Liters per 100km Converter Gallon Type US GallonUK Gallon Direction MPG \u2192 Liters\/100kmLiters\/100km \u2192 MPG Quantity (MPG) From MPG \u21c5 To L\/100km Quick Select MPG 15 20 25 30 40 50 Convert MPG to Liters per 100km Conversion Chart MPG (US) L\/100km MPG (UK) L\/100km 15 15.68 15 18.83 20 11.76 20 14.12&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1560","post","type-post","status-publish","format-standard","hentry","category-wetflag"],"_links":{"self":[{"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/posts\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/comments?post=1560"}],"version-history":[{"count":0,"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/posts\/1560\/revisions"}],"wp:attachment":[{"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/media?parent=1560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/categories?post=1560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wetflagcalculator.com\/es\/wp-json\/wp\/v2\/tags?post=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}