Universal Volume Converter | m\u00b3 \u2194 Liters \u2194 Gallons (US & UK)<\/title>\n <style>\n \/* ============================================\n Volume Converter - Isolated Styles\n All styles scoped to #volume-converter-app\n ============================================ *\/\n #volume-converter-app {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n line-height: 1.5;\n color: #1f2937;\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n #volume-converter-app *,\n #volume-converter-app *::before,\n #volume-converter-app *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n #volume-converter-app .vc-title {\n font-size: 28px;\n font-weight: 700;\n color: #000000;\n margin-bottom: 24px;\n line-height: 1.2;\n }\n #volume-converter-app .vc-card {\n background-color: #ffffff;\n border-radius: 16px;\n padding: 24px;\n margin-bottom: 24px;\n box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);\n }\n #volume-converter-app .vc-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n #volume-converter-app .vc-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n #volume-converter-app .vc-card {\n padding: 32px;\n }\n }\n #volume-converter-app .vc-field {\n margin-bottom: 0;\n }\n #volume-converter-app .vc-label {\n display: block;\n font-size: 14px;\n font-weight: 600;\n color: #374151;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n #volume-converter-app .vc-input-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n background-color: #f9fafb;\n border: 2px solid #e5e7eb;\n border-radius: 12px;\n padding: 0 16px;\n height: 56px;\n transition: all 0.2s ease;\n }\n #volume-converter-app .vc-input-wrapper:hover {\n background-color: #ffffff;\n }\n #volume-converter-app .vc-input-wrapper:focus-within {\n border-color: #0ea5e9;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n background-color: #ffffff;\n }\n #volume-converter-app .vc-input-icon {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n #volume-converter-app .vc-input-icon svg {\n display: block;\n width: 32px;\n height: 32px;\n }\n #volume-converter-app .vc-volume-input {\n flex: 1;\n border: none;\n background: transparent;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n padding: 0;\n height: 100%;\n min-width: 0;\n color: #1f2937;\n line-height: normal;\n }\n #volume-converter-app .vc-volume-input:focus {\n outline: none;\n box-shadow: none;\n }\n #volume-converter-app .vc-volume-input::placeholder {\n color: #9ca3af;\n }\n #volume-converter-app .vc-input-unit {\n flex-shrink: 0;\n margin-left: 12px;\n color: #9ca3af;\n font-weight: 500;\n font-size: 16px;\n }\n \/* Icon colors *\/\n #volume-converter-app .vc-icon-primary { color: #0ea5e9; }\n #volume-converter-app .vc-icon-emerald { color: #10b981; }\n #volume-converter-app .vc-icon-amber { color: #f59e0b; }\n #volume-converter-app .vc-icon-violet { color: #8b5cf6; }\n \/* Formula section *\/\n #volume-converter-app .vc-formula-title {\n font-size: 20px;\n font-weight: 700;\n color: #1f2937;\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 1.3;\n }\n #volume-converter-app .vc-formula-title svg {\n width: 24px;\n height: 24px;\n color: #0ea5e9;\n flex-shrink: 0;\n }\n #volume-converter-app .vc-formula-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n @media (min-width: 768px) {\n #volume-converter-app .vc-formula-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n #volume-converter-app .vc-formula-item {\n border-radius: 12px;\n padding: 16px;\n }\n #volume-converter-app .vc-formula-item p {\n color: #374151;\n font-family: 'Courier New', Courier, monospace;\n font-size: 14px;\n margin: 0;\n line-height: 1.4;\n }\n #volume-converter-app .vc-bg-sky { background-color: #f0f9ff; }\n #volume-converter-app .vc-bg-emerald { background-color: #ecfdf5; }\n #volume-converter-app .vc-bg-amber { background-color: #fffbeb; }\n #volume-converter-app .vc-bg-violet { background-color: #f5f3ff; }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"volume-converter-app\">\n \n <h2 class=\"vc-title\">Calculator<\/h2>\n\n \n <div class=\"vc-card\">\n <div class=\"vc-grid\">\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">Cubic Meters (m\u00b3)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-primary\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M24 4L42 14v20L24 44 6 34V14L24 4z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(14,165,233,0.1)\"\/>\n <path d=\"M24 4v40M6 14l36 20M42 14L6 34\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.5\"\/>\n <path d=\"M24 24L6 14M24 24l18-10M24 24v20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-cubicMeters\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">m\u00b3<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">Liters (L)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-emerald\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 8h20v4c0 2-2 4-2 8v16c0 4-3 6-8 6s-8-2-8-6V20c0-4-2-6-2-8V8z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(16,185,129,0.1)\"\/>\n <path d=\"M14 24h20\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"3 2\"\/>\n <ellipse cx=\"24\" cy=\"32\" rx=\"6\" ry=\"2\" fill=\"currentColor\" opacity=\"0.3\"\/>\n <path d=\"M18 8v4M24 8v4M30 8v4\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-liters\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">L<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">US Gallons (gal)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-amber\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 16c0-4 4-8 12-8s12 4 12 8v20c0 4-4 8-12 8s-12-4-12-8V16z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(245,158,11,0.1)\"\/>\n <ellipse cx=\"24\" cy=\"16\" rx=\"12\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(245,158,11,0.15)\"\/>\n <path d=\"M16 28c0 1.5 3.5 3 8 3s8-1.5 8-3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n <text x=\"24\" y=\"40\" text-anchor=\"middle\" fill=\"currentColor\" font-size=\"8\" font-weight=\"bold\">US<\/text>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-usGallons\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">gal<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">UK Imperial Gallons (imp gal)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-violet\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 16c0-4 4-8 12-8s12 4 12 8v20c0 4-4 8-12 8s-12-4-12-8V16z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(139,92,246,0.1)\"\/>\n <ellipse cx=\"24\" cy=\"16\" rx=\"12\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(139,92,246,0.15)\"\/>\n <path d=\"M16 28c0 1.5 3.5 3 8 3s8-1.5 8-3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n <text x=\"24\" y=\"40\" text-anchor=\"middle\" fill=\"currentColor\" font-size=\"8\" font-weight=\"bold\">UK<\/text>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-ukGallons\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">imp gal<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-card\">\n <h2 class=\"vc-formula-title\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n Conversion Formulas\n <\/h2>\n <div class=\"vc-formula-grid\">\n <div class=\"vc-formula-item vc-bg-sky\">\n <p>1 m\u00b3 = 1,000 L<\/p>\n <\/div>\n <div class=\"vc-formula-item vc-bg-emerald\">\n <p>1 L = 0.001 m\u00b3<\/p>\n <\/div>\n <div class=\"vc-formula-item vc-bg-amber\">\n <p>1 US Gallon = 3.78541 L<\/p>\n <\/div>\n <div class=\"vc-formula-item vc-bg-violet\">\n <p>1 UK Gallon = 4.54609 L<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n \n \/\/ Conversion constants\n var LITERS_PER_CUBIC_METER = 1000;\n var LITERS_PER_US_GALLON = 3.78541;\n var LITERS_PER_UK_GALLON = 4.54609;\n var PRECISION = 4;\n\n \/\/ DOM Elements\n var cubicMetersInput = document.getElementById('vc-cubicMeters');\n var litersInput = document.getElementById('vc-liters');\n var usGallonsInput = document.getElementById('vc-usGallons');\n var ukGallonsInput = document.getElementById('vc-ukGallons');\n\n \/\/ Format number with commas\n function formatNumber(num) {\n if (isNaN(num) || num === '') return '';\n var fixed = parseFloat(num).toFixed(PRECISION);\n var parts = fixed.split('.');\n parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n return parts.join('.');\n }\n\n \/\/ Parse formatted number\n function parseFormattedNumber(str) {\n if (!str || str.trim() === '') return NaN;\n return parseFloat(str.replace(\/,\/g, ''));\n }\n\n \/\/ Convert from liters\n function convertFromLiters(liters, sourceInput) {\n if (sourceInput !== cubicMetersInput) {\n cubicMetersInput.value = formatNumber(liters \/ LITERS_PER_CUBIC_METER);\n }\n if (sourceInput !== litersInput) {\n litersInput.value = formatNumber(liters);\n }\n if (sourceInput !== usGallonsInput) {\n usGallonsInput.value = formatNumber(liters \/ LITERS_PER_US_GALLON);\n }\n if (sourceInput !== ukGallonsInput) {\n ukGallonsInput.value = formatNumber(liters \/ LITERS_PER_UK_GALLON);\n }\n }\n\n \/\/ Handle input\n function handleInput(e) {\n var input = e.target;\n var value = parseFormattedNumber(input.value);\n \n if (isNaN(value)) {\n if (input.value.trim() === '') {\n cubicMetersInput.value = '';\n litersInput.value = '';\n usGallonsInput.value = '';\n ukGallonsInput.value = '';\n }\n return;\n }\n\n var liters;\n \n if (input.id === 'vc-cubicMeters') {\n liters = value * LITERS_PER_CUBIC_METER;\n } else if (input.id === 'vc-liters') {\n liters = value;\n } else if (input.id === 'vc-usGallons') {\n liters = value * LITERS_PER_US_GALLON;\n } else if (input.id === 'vc-ukGallons') {\n liters = value * LITERS_PER_UK_GALLON;\n }\n\n convertFromLiters(liters, input);\n }\n\n \/\/ Format on blur\n function handleBlur(e) {\n var input = e.target;\n var value = parseFormattedNumber(input.value);\n if (!isNaN(value)) {\n input.value = formatNumber(value);\n }\n }\n\n \/\/ Add event listeners\n var inputs = [cubicMetersInput, litersInput, usGallonsInput, ukGallonsInput];\n for (var i = 0; i < inputs.length; i++) {\n if (inputs[i]) {\n inputs[i].addEventListener('input', handleInput);\n inputs[i].addEventListener('blur', handleBlur);\n }\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>The Cubic Meters to Liters & Gallons Converter is a practical online tool designed to help engineers, manufacturers, and technical professionals quickly convert volume values…<\/p>","protected":false},"author":2,"featured_media":24266,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8413],"tags":[8448,8450,8449,8447],"class_list":["post-24265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unit-and-industry-standard-conversion","tag-cubic-meter-conversion","tag-engineering-unit-tool","tag-liquid-volume-calculator","tag-volume-unit-converter","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2026\/02\/Cubic-Meters-to-Liters-Gallons-Converter.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/24265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/comments?post=24265"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/24265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media\/24266"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media?parent=24265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/categories?post=24265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/tags?post=24265"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":24265,"date":"2026-02-05T01:27:14","date_gmt":"2026-02-05T01:27:14","guid":{"rendered":"https:\/\/www.mechstream.com\/?p=24265"},"modified":"2026-02-05T02:03:21","modified_gmt":"2026-02-05T02:03:21","slug":"cubic-meters-to-liters-gallons-converter","status":"publish","type":"post","link":"https:\/\/www.mechstream.com\/ar\/cubic-meters-to-liters-gallons-converter\/","title":{"rendered":"Cubic Meters to Liters & Gallons Converter"},"content":{"rendered":"\n

The Cubic Meters to Liters & Gallons Converter<\/strong> is a practical online tool designed to help engineers, manufacturers, and technical professionals quickly convert volume values between cubic meters (m\u00b3), liters (L), and gallons (US\/Imperial). This converter is especially useful in fluid systems, hydraulic reservoirs, coolant tanks, chemical processing, and industrial storage calculations where accurate volume conversion is critical. By entering a single value, users can instantly obtain precise results, reducing manual calculation errors and improving efficiency in engineering design, equipment sizing, and process planning. The Cubic Meters to Liters & Gallons Converter supports clear unit relationships and is ideal for both daily shop-floor use and professional engineering analysis.<\/p>\n\n\n\n\n\n\n \n \n \n \n Universal Volume Converter | m\u00b3 \u2194 Liters \u2194 Gallons (US & UK)<\/title>\n <style>\n \/* ============================================\n Volume Converter - Isolated Styles\n All styles scoped to #volume-converter-app\n ============================================ *\/\n #volume-converter-app {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n line-height: 1.5;\n color: #1f2937;\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n #volume-converter-app *,\n #volume-converter-app *::before,\n #volume-converter-app *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n #volume-converter-app .vc-title {\n font-size: 28px;\n font-weight: 700;\n color: #000000;\n margin-bottom: 24px;\n line-height: 1.2;\n }\n #volume-converter-app .vc-card {\n background-color: #ffffff;\n border-radius: 16px;\n padding: 24px;\n margin-bottom: 24px;\n box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15);\n }\n #volume-converter-app .vc-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n #volume-converter-app .vc-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n #volume-converter-app .vc-card {\n padding: 32px;\n }\n }\n #volume-converter-app .vc-field {\n margin-bottom: 0;\n }\n #volume-converter-app .vc-label {\n display: block;\n font-size: 14px;\n font-weight: 600;\n color: #374151;\n margin-bottom: 8px;\n line-height: 1.4;\n }\n #volume-converter-app .vc-input-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n background-color: #f9fafb;\n border: 2px solid #e5e7eb;\n border-radius: 12px;\n padding: 0 16px;\n height: 56px;\n transition: all 0.2s ease;\n }\n #volume-converter-app .vc-input-wrapper:hover {\n background-color: #ffffff;\n }\n #volume-converter-app .vc-input-wrapper:focus-within {\n border-color: #0ea5e9;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n background-color: #ffffff;\n }\n #volume-converter-app .vc-input-icon {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n #volume-converter-app .vc-input-icon svg {\n display: block;\n width: 32px;\n height: 32px;\n }\n #volume-converter-app .vc-volume-input {\n flex: 1;\n border: none;\n background: transparent;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n padding: 0;\n height: 100%;\n min-width: 0;\n color: #1f2937;\n line-height: normal;\n }\n #volume-converter-app .vc-volume-input:focus {\n outline: none;\n box-shadow: none;\n }\n #volume-converter-app .vc-volume-input::placeholder {\n color: #9ca3af;\n }\n #volume-converter-app .vc-input-unit {\n flex-shrink: 0;\n margin-left: 12px;\n color: #9ca3af;\n font-weight: 500;\n font-size: 16px;\n }\n \/* Icon colors *\/\n #volume-converter-app .vc-icon-primary { color: #0ea5e9; }\n #volume-converter-app .vc-icon-emerald { color: #10b981; }\n #volume-converter-app .vc-icon-amber { color: #f59e0b; }\n #volume-converter-app .vc-icon-violet { color: #8b5cf6; }\n \/* Formula section *\/\n #volume-converter-app .vc-formula-title {\n font-size: 20px;\n font-weight: 700;\n color: #1f2937;\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 1.3;\n }\n #volume-converter-app .vc-formula-title svg {\n width: 24px;\n height: 24px;\n color: #0ea5e9;\n flex-shrink: 0;\n }\n #volume-converter-app .vc-formula-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n @media (min-width: 768px) {\n #volume-converter-app .vc-formula-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n #volume-converter-app .vc-formula-item {\n border-radius: 12px;\n padding: 16px;\n }\n #volume-converter-app .vc-formula-item p {\n color: #374151;\n font-family: 'Courier New', Courier, monospace;\n font-size: 14px;\n margin: 0;\n line-height: 1.4;\n }\n #volume-converter-app .vc-bg-sky { background-color: #f0f9ff; }\n #volume-converter-app .vc-bg-emerald { background-color: #ecfdf5; }\n #volume-converter-app .vc-bg-amber { background-color: #fffbeb; }\n #volume-converter-app .vc-bg-violet { background-color: #f5f3ff; }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"volume-converter-app\">\n \n <h2 class=\"vc-title\">Calculator<\/h2>\n\n \n <div class=\"vc-card\">\n <div class=\"vc-grid\">\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">Cubic Meters (m\u00b3)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-primary\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M24 4L42 14v20L24 44 6 34V14L24 4z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(14,165,233,0.1)\"\/>\n <path d=\"M24 4v40M6 14l36 20M42 14L6 34\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.5\"\/>\n <path d=\"M24 24L6 14M24 24l18-10M24 24v20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-cubicMeters\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">m\u00b3<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">Liters (L)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-emerald\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 8h20v4c0 2-2 4-2 8v16c0 4-3 6-8 6s-8-2-8-6V20c0-4-2-6-2-8V8z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(16,185,129,0.1)\"\/>\n <path d=\"M14 24h20\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"3 2\"\/>\n <ellipse cx=\"24\" cy=\"32\" rx=\"6\" ry=\"2\" fill=\"currentColor\" opacity=\"0.3\"\/>\n <path d=\"M18 8v4M24 8v4M30 8v4\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-liters\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">L<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">US Gallons (gal)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-amber\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 16c0-4 4-8 12-8s12 4 12 8v20c0 4-4 8-12 8s-12-4-12-8V16z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(245,158,11,0.1)\"\/>\n <ellipse cx=\"24\" cy=\"16\" rx=\"12\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(245,158,11,0.15)\"\/>\n <path d=\"M16 28c0 1.5 3.5 3 8 3s8-1.5 8-3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n <text x=\"24\" y=\"40\" text-anchor=\"middle\" fill=\"currentColor\" font-size=\"8\" font-weight=\"bold\">US<\/text>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-usGallons\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">gal<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-field\">\n <label class=\"vc-label\">UK Imperial Gallons (imp gal)<\/label>\n <div class=\"vc-input-wrapper\">\n <div class=\"vc-input-icon vc-icon-violet\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 16c0-4 4-8 12-8s12 4 12 8v20c0 4-4 8-12 8s-12-4-12-8V16z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(139,92,246,0.1)\"\/>\n <ellipse cx=\"24\" cy=\"16\" rx=\"12\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(139,92,246,0.15)\"\/>\n <path d=\"M16 28c0 1.5 3.5 3 8 3s8-1.5 8-3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n <text x=\"24\" y=\"40\" text-anchor=\"middle\" fill=\"currentColor\" font-size=\"8\" font-weight=\"bold\">UK<\/text>\n <\/svg>\n <\/div>\n <input type=\"text\" id=\"vc-ukGallons\" class=\"vc-volume-input\">\n <span class=\"vc-input-unit\">imp gal<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vc-card\">\n <h2 class=\"vc-formula-title\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n Conversion Formulas\n <\/h2>\n <div class=\"vc-formula-grid\">\n <div class=\"vc-formula-item vc-bg-sky\">\n <p>1 m\u00b3 = 1,000 L<\/p>\n <\/div>\n <div class=\"vc-formula-item vc-bg-emerald\">\n <p>1 L = 0.001 m\u00b3<\/p>\n <\/div>\n <div class=\"vc-formula-item vc-bg-amber\">\n <p>1 US Gallon = 3.78541 L<\/p>\n <\/div>\n <div class=\"vc-formula-item vc-bg-violet\">\n <p>1 UK Gallon = 4.54609 L<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n \n \/\/ Conversion constants\n var LITERS_PER_CUBIC_METER = 1000;\n var LITERS_PER_US_GALLON = 3.78541;\n var LITERS_PER_UK_GALLON = 4.54609;\n var PRECISION = 4;\n\n \/\/ DOM Elements\n var cubicMetersInput = document.getElementById('vc-cubicMeters');\n var litersInput = document.getElementById('vc-liters');\n var usGallonsInput = document.getElementById('vc-usGallons');\n var ukGallonsInput = document.getElementById('vc-ukGallons');\n\n \/\/ Format number with commas\n function formatNumber(num) {\n if (isNaN(num) || num === '') return '';\n var fixed = parseFloat(num).toFixed(PRECISION);\n var parts = fixed.split('.');\n parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n return parts.join('.');\n }\n\n \/\/ Parse formatted number\n function parseFormattedNumber(str) {\n if (!str || str.trim() === '') return NaN;\n return parseFloat(str.replace(\/,\/g, ''));\n }\n\n \/\/ Convert from liters\n function convertFromLiters(liters, sourceInput) {\n if (sourceInput !== cubicMetersInput) {\n cubicMetersInput.value = formatNumber(liters \/ LITERS_PER_CUBIC_METER);\n }\n if (sourceInput !== litersInput) {\n litersInput.value = formatNumber(liters);\n }\n if (sourceInput !== usGallonsInput) {\n usGallonsInput.value = formatNumber(liters \/ LITERS_PER_US_GALLON);\n }\n if (sourceInput !== ukGallonsInput) {\n ukGallonsInput.value = formatNumber(liters \/ LITERS_PER_UK_GALLON);\n }\n }\n\n \/\/ Handle input\n function handleInput(e) {\n var input = e.target;\n var value = parseFormattedNumber(input.value);\n \n if (isNaN(value)) {\n if (input.value.trim() === '') {\n cubicMetersInput.value = '';\n litersInput.value = '';\n usGallonsInput.value = '';\n ukGallonsInput.value = '';\n }\n return;\n }\n\n var liters;\n \n if (input.id === 'vc-cubicMeters') {\n liters = value * LITERS_PER_CUBIC_METER;\n } else if (input.id === 'vc-liters') {\n liters = value;\n } else if (input.id === 'vc-usGallons') {\n liters = value * LITERS_PER_US_GALLON;\n } else if (input.id === 'vc-ukGallons') {\n liters = value * LITERS_PER_UK_GALLON;\n }\n\n convertFromLiters(liters, input);\n }\n\n \/\/ Format on blur\n function handleBlur(e) {\n var input = e.target;\n var value = parseFormattedNumber(input.value);\n if (!isNaN(value)) {\n input.value = formatNumber(value);\n }\n }\n\n \/\/ Add event listeners\n var inputs = [cubicMetersInput, litersInput, usGallonsInput, ukGallonsInput];\n for (var i = 0; i < inputs.length; i++) {\n if (inputs[i]) {\n inputs[i].addEventListener('input', handleInput);\n inputs[i].addEventListener('blur', handleBlur);\n }\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>The Cubic Meters to Liters & Gallons Converter is a practical online tool designed to help engineers, manufacturers, and technical professionals quickly convert volume values…<\/p>","protected":false},"author":2,"featured_media":24266,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8413],"tags":[8448,8450,8449,8447],"class_list":["post-24265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unit-and-industry-standard-conversion","tag-cubic-meter-conversion","tag-engineering-unit-tool","tag-liquid-volume-calculator","tag-volume-unit-converter","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2026\/02\/Cubic-Meters-to-Liters-Gallons-Converter.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/24265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/comments?post=24265"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/24265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media\/24266"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media?parent=24265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/categories?post=24265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/tags?post=24265"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}