Electric Motor Power Converter: kW to HP | Industrial Calculator<\/title>\n <style>\n \/* All styles scoped to #kw-hp-calculator to prevent WordPress conflicts *\/\n #kw-hp-calculator {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n box-sizing: border-box;\n max-width: 72rem;\n margin: 0 auto;\n padding: 2rem 1rem;\n }\n\n #kw-hp-calculator .section-title {\n font-size: 1.75rem;\n font-weight: 700;\n color: #1f2937;\n margin: 0 0 1.5rem 0;\n text-align: left;\n }\n\n #kw-hp-calculator *,\n #kw-hp-calculator *::before,\n #kw-hp-calculator *::after {\n box-sizing: border-box;\n }\n\n #kw-hp-calculator .calc-card {\n background: #ffffff;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n overflow: hidden;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n\n #kw-hp-calculator .calc-header {\n background: #f9fafb;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid #e5e7eb;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n }\n\n #kw-hp-calculator .calc-title {\n font-size: 1.25rem;\n font-weight: 600;\n color: #1f2937;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0;\n }\n\n #kw-hp-calculator .calc-title svg {\n width: 1.25rem;\n height: 1.25rem;\n color: #2156dc;\n }\n\n #kw-hp-calculator .toggle-group {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: #e5e7eb;\n border-radius: 0.5rem;\n padding: 0.25rem;\n }\n\n #kw-hp-calculator .toggle-btn {\n padding: 0.5rem 1rem;\n border-radius: 0.375rem;\n font-size: 0.875rem;\n font-weight: 500;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n background: transparent;\n color: #4b5563;\n }\n\n #kw-hp-calculator .toggle-btn:hover {\n color: #1f2937;\n }\n\n #kw-hp-calculator .toggle-btn.active {\n background: #2156dc;\n color: #ffffff;\n }\n\n #kw-hp-calculator .calc-body {\n padding: 1.5rem 2rem;\n }\n\n #kw-hp-calculator .calc-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n #kw-hp-calculator .calc-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n #kw-hp-calculator .input-section {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n #kw-hp-calculator .input-group {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n #kw-hp-calculator .input-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n }\n\n #kw-hp-calculator .input-wrapper {\n position: relative;\n }\n\n #kw-hp-calculator .calc-input {\n width: 100%;\n background: #f9fafb;\n border: 2px solid #d1d5db;\n border-radius: 0.75rem;\n padding: 1rem 3rem 1rem 1.25rem;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1f2937;\n transition: all 0.2s ease;\n outline: none;\n }\n\n #kw-hp-calculator .calc-input::placeholder {\n color: #9ca3af;\n font-weight: 400;\n }\n\n #kw-hp-calculator .calc-input:focus {\n border-color: #2156dc;\n box-shadow: 0 0 0 3px rgba(33, 86, 220, 0.1);\n }\n\n #kw-hp-calculator .input-unit {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n color: #6b7280;\n font-weight: 500;\n }\n\n #kw-hp-calculator .swap-btn-wrapper {\n display: flex;\n justify-content: center;\n }\n\n #kw-hp-calculator .swap-btn {\n padding: 0.75rem;\n background: #f3f4f6;\n border: 1px solid #d1d5db;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n #kw-hp-calculator .swap-btn:hover {\n background: #e5e7eb;\n }\n\n #kw-hp-calculator .swap-btn svg {\n width: 1.5rem;\n height: 1.5rem;\n color: #2156dc;\n transition: transform 0.5s ease;\n }\n\n #kw-hp-calculator .swap-btn:hover svg {\n transform: rotate(180deg);\n }\n\n #kw-hp-calculator .info-box {\n background: #f9fafb;\n border-radius: 0.5rem;\n padding: 1rem;\n border: 1px solid #e5e7eb;\n }\n\n #kw-hp-calculator .info-text {\n font-size: 0.875rem;\n color: #4b5563;\n margin: 0;\n }\n\n #kw-hp-calculator .info-highlight {\n color: #2156dc;\n font-weight: 500;\n }\n\n #kw-hp-calculator .gauge-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n #kw-hp-calculator .gauge-container {\n position: relative;\n width: 200px;\n height: 100px;\n overflow: hidden;\n margin-bottom: 1rem;\n }\n\n #kw-hp-calculator .gauge-bg {\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: conic-gradient(\n from 180deg,\n #2156dc 0deg,\n #2156dc 60deg,\n #ffc107 60deg,\n #ffc107 120deg,\n #ff4757 120deg,\n #ff4757 180deg,\n transparent 180deg\n );\n clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n }\n\n #kw-hp-calculator .gauge-inner {\n position: absolute;\n top: 20px;\n left: 20px;\n width: 160px;\n height: 160px;\n border-radius: 50%;\n background: linear-gradient(135deg, #f3f4f6, #e5e7eb);\n }\n\n #kw-hp-calculator .gauge-needle {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 4px;\n height: 80px;\n background: linear-gradient(to top, #374151, #1f2937);\n transform-origin: bottom center;\n transform: translateX(-50%) rotate(-90deg);\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 2px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n #kw-hp-calculator .gauge-center {\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 20px;\n background: linear-gradient(135deg, #374151, #1f2937);\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n }\n\n #kw-hp-calculator .gauge-value {\n font-size: 2.25rem;\n font-weight: 700;\n color: #2156dc;\n text-align: center;\n }\n\n #kw-hp-calculator .gauge-unit {\n font-size: 0.875rem;\n color: #6b7280;\n text-align: center;\n margin-top: 0.25rem;\n }\n\n #kw-hp-calculator .power-indicator {\n width: 100%;\n max-width: 20rem;\n margin-top: 1.5rem;\n }\n\n #kw-hp-calculator .power-labels {\n display: flex;\n justify-content: space-between;\n font-size: 0.75rem;\n color: #6b7280;\n margin-bottom: 0.5rem;\n }\n\n #kw-hp-calculator .power-bar-bg {\n height: 0.75rem;\n background: #e5e7eb;\n border-radius: 9999px;\n overflow: hidden;\n }\n\n #kw-hp-calculator .power-bar {\n height: 100%;\n background: linear-gradient(to right, #2156dc, #ffc107, #ff4757);\n border-radius: 9999px;\n transition: width 0.5s ease;\n width: 0%;\n }\n\n #kw-hp-calculator .power-level-text {\n text-align: center;\n font-size: 0.875rem;\n color: #6b7280;\n margin-top: 0.5rem;\n }\n\n \/* Hide number input spinners *\/\n #kw-hp-calculator .calc-input::-webkit-inner-spin-button,\n #kw-hp-calculator .calc-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n #kw-hp-calculator .calc-input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"kw-hp-calculator\">\n <h2 class=\"section-title\">Calculator<\/h2>\n <div class=\"calc-card\">\n \n <div class=\"calc-header\">\n <h2 class=\"calc-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 Power Unit Converter\n <\/h2>\n \n <div class=\"toggle-group\">\n <button id=\"btn-mechanical\" class=\"toggle-btn active\" onclick=\"setHPType('mechanical')\">\n Mechanical HP\n <\/button>\n <button id=\"btn-metric\" class=\"toggle-btn\" onclick=\"setHPType('metric')\">\n Metric HP (PS)\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"calc-body\">\n <div class=\"calc-grid\">\n \n <div class=\"input-section\">\n \n <div class=\"input-group\">\n <label for=\"kw-input\" class=\"input-label\">Kilowatts (kW)<\/label>\n <div class=\"input-wrapper\">\n <input \n type=\"number\" \n id=\"kw-input\" \n class=\"calc-input\"\n placeholder=\"Enter kW value\"\n oninput=\"convertFromKW()\"\n >\n <span class=\"input-unit\">kW<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"swap-btn-wrapper\">\n <button class=\"swap-btn\" onclick=\"swapValues()\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"input-group\">\n <label for=\"hp-input\" class=\"input-label\">Horsepower (<span id=\"hp-label\">HP<\/span>)<\/label>\n <div class=\"input-wrapper\">\n <input \n type=\"number\" \n id=\"hp-input\" \n class=\"calc-input\"\n placeholder=\"Enter HP value\"\n oninput=\"convertFromHP()\"\n >\n <span id=\"hp-unit\" class=\"input-unit\">HP<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"conversion-info\" class=\"info-box\">\n <p class=\"info-text\">\n <span class=\"info-highlight\">Mechanical HP:<\/span> \n 1 kW = 1.34102 HP (Imperial\/Electrical)\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gauge-section\">\n <div class=\"gauge-container\">\n <div class=\"gauge-bg\"><\/div>\n <div class=\"gauge-inner\"><\/div>\n <div id=\"gauge-needle\" class=\"gauge-needle\"><\/div>\n <div class=\"gauge-center\"><\/div>\n <\/div>\n <div id=\"gauge-value\" class=\"gauge-value\">0.00<\/div>\n <div id=\"gauge-unit\" class=\"gauge-unit\">HP<\/div>\n \n \n <div class=\"power-indicator\">\n <div class=\"power-labels\">\n <span>0 kW<\/span>\n <span>50 kW<\/span>\n <span>100 kW<\/span>\n <\/div>\n <div class=\"power-bar-bg\">\n <div id=\"power-bar\" class=\"power-bar\"><\/div>\n <\/div>\n <p id=\"power-level\" class=\"power-level-text\">Enter a value to see power level<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ Conversion constants\n const MECHANICAL_HP_PER_KW = 1.34102;\n const METRIC_HP_PER_KW = 1.35962;\n\n \/\/ Current HP type\n let currentHPType = 'mechanical';\n\n \/\/ Set HP type\n window.setHPType = function(type) {\n currentHPType = type;\n \n \/\/ Update button styles\n const btnMechanical = document.getElementById('btn-mechanical');\n const btnMetric = document.getElementById('btn-metric');\n \n if (type === 'mechanical') {\n btnMechanical.classList.add('active');\n btnMetric.classList.remove('active');\n document.getElementById('hp-label').textContent = 'HP';\n document.getElementById('hp-unit').textContent = 'HP';\n document.getElementById('gauge-unit').textContent = 'HP';\n document.getElementById('conversion-info').innerHTML = \n '<p class=\"info-text\"><span class=\"info-highlight\">Mechanical HP:<\/span> 1 kW = 1.34102 HP (Imperial\/Electrical)<\/p>';\n } else {\n btnMetric.classList.add('active');\n btnMechanical.classList.remove('active');\n document.getElementById('hp-label').textContent = 'PS';\n document.getElementById('hp-unit').textContent = 'PS';\n document.getElementById('gauge-unit').textContent = 'PS';\n document.getElementById('conversion-info').innerHTML = \n '<p class=\"info-text\"><span class=\"info-highlight\">Metric HP (PS):<\/span> 1 kW = 1.35962 PS (European Standard)<\/p>';\n }\n \n \/\/ Recalculate if there's a value\n const kwInput = document.getElementById('kw-input');\n if (kwInput.value) {\n convertFromKW();\n }\n };\n\n \/\/ Get current conversion factor\n function getConversionFactor() {\n return currentHPType === 'mechanical' ? MECHANICAL_HP_PER_KW : METRIC_HP_PER_KW;\n }\n\n \/\/ Convert from kW to HP\n window.convertFromKW = function() {\n const kwInput = document.getElementById('kw-input');\n const hpInput = document.getElementById('hp-input');\n const kw = parseFloat(kwInput.value);\n \n if (isNaN(kw) || kw < 0) {\n hpInput.value = '';\n updateGauge(0);\n updatePowerBar(0);\n return;\n }\n \n const hp = kw * getConversionFactor();\n hpInput.value = hp.toFixed(4);\n updateGauge(hp);\n updatePowerBar(kw);\n };\n\n \/\/ Convert from HP to kW\n window.convertFromHP = function() {\n const kwInput = document.getElementById('kw-input');\n const hpInput = document.getElementById('hp-input');\n const hp = parseFloat(hpInput.value);\n \n if (isNaN(hp) || hp < 0) {\n kwInput.value = '';\n updateGauge(0);\n updatePowerBar(0);\n return;\n }\n \n const kw = hp \/ getConversionFactor();\n kwInput.value = kw.toFixed(4);\n updateGauge(hp);\n updatePowerBar(kw);\n };\n\n \/\/ Swap values\n window.swapValues = function() {\n const kwInput = document.getElementById('kw-input');\n const hpInput = document.getElementById('hp-input');\n \n const temp = kwInput.value;\n kwInput.value = hpInput.value;\n hpInput.value = temp;\n \n if (kwInput.value) {\n convertFromKW();\n }\n };\n\n \/\/ Update gauge needle and display\n function updateGauge(hp) {\n const needle = document.getElementById('gauge-needle');\n const gaugeValue = document.getElementById('gauge-value');\n \n \/\/ Map HP to angle (-90 to 90 degrees)\n const maxHP = 150;\n const clampedHP = Math.min(hp, maxHP);\n const angle = -90 + (clampedHP \/ maxHP) * 180;\n \n needle.style.transform = 'translateX(-50%) rotate(' + angle + 'deg)';\n gaugeValue.textContent = hp.toFixed(2);\n }\n\n \/\/ Update power bar\n function updatePowerBar(kw) {\n const powerBar = document.getElementById('power-bar');\n const powerLevel = document.getElementById('power-level');\n \n \/\/ Map kW to percentage (0-100 kW = 0-100%)\n const percentage = Math.min((kw \/ 100) * 100, 100);\n powerBar.style.width = percentage + '%';\n \n \/\/ Update power level text\n if (kw === 0) {\n powerLevel.textContent = 'Enter a value to see power level';\n } else if (kw < 5) {\n powerLevel.textContent = 'Low Power - Small motors, fans';\n } else if (kw < 15) {\n powerLevel.textContent = 'Medium Power - Industrial pumps, compressors';\n } else if (kw < 50) {\n powerLevel.textContent = 'High Power - Heavy machinery';\n } else {\n powerLevel.textContent = 'Very High Power - Large industrial systems';\n }\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Electric Motor Power Converter: kW to HP is a practical engineering tool designed to quickly convert electric motor power between kilowatts (kW) and horsepower (HP)….<\/p>","protected":false},"author":2,"featured_media":24295,"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":[8460,8461,8462],"class_list":["post-24294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unit-and-industry-standard-conversion","tag-kw-to-hp","tag-motor-power","tag-power-conversion","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2026\/02\/Electric-Motor-Power-Converter-kW-to-HP.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/posts\/24294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/comments?post=24294"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/posts\/24294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/media\/24295"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/media?parent=24294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/categories?post=24294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/tags?post=24294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":24294,"date":"2026-02-11T02:05:21","date_gmt":"2026-02-11T02:05:21","guid":{"rendered":"https:\/\/www.mechstream.com\/?p=24294"},"modified":"2026-02-11T05:28:34","modified_gmt":"2026-02-11T05:28:34","slug":"electric-motor-power-converter","status":"publish","type":"post","link":"https:\/\/www.mechstream.com\/pt\/electric-motor-power-converter\/","title":{"rendered":"Electric Motor Power Converter: kW to HP"},"content":{"rendered":"\n

Electric Motor Power Converter: kW to HP<\/strong> is a practical engineering tool designed to quickly convert electric motor power between kilowatts (kW) and horsepower (HP). This Electric Motor Power Converter: kW to HP helps engineers, technicians, and equipment buyers accurately compare motor ratings across international standards, avoiding sizing errors during motor selection or system upgrades. Widely used in industrial machinery, hydraulic systems, pumps, and metalworking equipment, the converter provides instant, reliable results that support proper motor matching, energy analysis, and performance evaluation in real-world applications.<\/p>\n\n\n\n\n\n\n \n \n \n \n Electric Motor Power Converter: kW to HP | Industrial Calculator<\/title>\n <style>\n \/* All styles scoped to #kw-hp-calculator to prevent WordPress conflicts *\/\n #kw-hp-calculator {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n box-sizing: border-box;\n max-width: 72rem;\n margin: 0 auto;\n padding: 2rem 1rem;\n }\n\n #kw-hp-calculator .section-title {\n font-size: 1.75rem;\n font-weight: 700;\n color: #1f2937;\n margin: 0 0 1.5rem 0;\n text-align: left;\n }\n\n #kw-hp-calculator *,\n #kw-hp-calculator *::before,\n #kw-hp-calculator *::after {\n box-sizing: border-box;\n }\n\n #kw-hp-calculator .calc-card {\n background: #ffffff;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n overflow: hidden;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n\n #kw-hp-calculator .calc-header {\n background: #f9fafb;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid #e5e7eb;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n }\n\n #kw-hp-calculator .calc-title {\n font-size: 1.25rem;\n font-weight: 600;\n color: #1f2937;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0;\n }\n\n #kw-hp-calculator .calc-title svg {\n width: 1.25rem;\n height: 1.25rem;\n color: #2156dc;\n }\n\n #kw-hp-calculator .toggle-group {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: #e5e7eb;\n border-radius: 0.5rem;\n padding: 0.25rem;\n }\n\n #kw-hp-calculator .toggle-btn {\n padding: 0.5rem 1rem;\n border-radius: 0.375rem;\n font-size: 0.875rem;\n font-weight: 500;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n background: transparent;\n color: #4b5563;\n }\n\n #kw-hp-calculator .toggle-btn:hover {\n color: #1f2937;\n }\n\n #kw-hp-calculator .toggle-btn.active {\n background: #2156dc;\n color: #ffffff;\n }\n\n #kw-hp-calculator .calc-body {\n padding: 1.5rem 2rem;\n }\n\n #kw-hp-calculator .calc-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n #kw-hp-calculator .calc-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n #kw-hp-calculator .input-section {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n #kw-hp-calculator .input-group {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n #kw-hp-calculator .input-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n }\n\n #kw-hp-calculator .input-wrapper {\n position: relative;\n }\n\n #kw-hp-calculator .calc-input {\n width: 100%;\n background: #f9fafb;\n border: 2px solid #d1d5db;\n border-radius: 0.75rem;\n padding: 1rem 3rem 1rem 1.25rem;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1f2937;\n transition: all 0.2s ease;\n outline: none;\n }\n\n #kw-hp-calculator .calc-input::placeholder {\n color: #9ca3af;\n font-weight: 400;\n }\n\n #kw-hp-calculator .calc-input:focus {\n border-color: #2156dc;\n box-shadow: 0 0 0 3px rgba(33, 86, 220, 0.1);\n }\n\n #kw-hp-calculator .input-unit {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n color: #6b7280;\n font-weight: 500;\n }\n\n #kw-hp-calculator .swap-btn-wrapper {\n display: flex;\n justify-content: center;\n }\n\n #kw-hp-calculator .swap-btn {\n padding: 0.75rem;\n background: #f3f4f6;\n border: 1px solid #d1d5db;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n #kw-hp-calculator .swap-btn:hover {\n background: #e5e7eb;\n }\n\n #kw-hp-calculator .swap-btn svg {\n width: 1.5rem;\n height: 1.5rem;\n color: #2156dc;\n transition: transform 0.5s ease;\n }\n\n #kw-hp-calculator .swap-btn:hover svg {\n transform: rotate(180deg);\n }\n\n #kw-hp-calculator .info-box {\n background: #f9fafb;\n border-radius: 0.5rem;\n padding: 1rem;\n border: 1px solid #e5e7eb;\n }\n\n #kw-hp-calculator .info-text {\n font-size: 0.875rem;\n color: #4b5563;\n margin: 0;\n }\n\n #kw-hp-calculator .info-highlight {\n color: #2156dc;\n font-weight: 500;\n }\n\n #kw-hp-calculator .gauge-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n #kw-hp-calculator .gauge-container {\n position: relative;\n width: 200px;\n height: 100px;\n overflow: hidden;\n margin-bottom: 1rem;\n }\n\n #kw-hp-calculator .gauge-bg {\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: conic-gradient(\n from 180deg,\n #2156dc 0deg,\n #2156dc 60deg,\n #ffc107 60deg,\n #ffc107 120deg,\n #ff4757 120deg,\n #ff4757 180deg,\n transparent 180deg\n );\n clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n }\n\n #kw-hp-calculator .gauge-inner {\n position: absolute;\n top: 20px;\n left: 20px;\n width: 160px;\n height: 160px;\n border-radius: 50%;\n background: linear-gradient(135deg, #f3f4f6, #e5e7eb);\n }\n\n #kw-hp-calculator .gauge-needle {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 4px;\n height: 80px;\n background: linear-gradient(to top, #374151, #1f2937);\n transform-origin: bottom center;\n transform: translateX(-50%) rotate(-90deg);\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 2px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n #kw-hp-calculator .gauge-center {\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 20px;\n background: linear-gradient(135deg, #374151, #1f2937);\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n }\n\n #kw-hp-calculator .gauge-value {\n font-size: 2.25rem;\n font-weight: 700;\n color: #2156dc;\n text-align: center;\n }\n\n #kw-hp-calculator .gauge-unit {\n font-size: 0.875rem;\n color: #6b7280;\n text-align: center;\n margin-top: 0.25rem;\n }\n\n #kw-hp-calculator .power-indicator {\n width: 100%;\n max-width: 20rem;\n margin-top: 1.5rem;\n }\n\n #kw-hp-calculator .power-labels {\n display: flex;\n justify-content: space-between;\n font-size: 0.75rem;\n color: #6b7280;\n margin-bottom: 0.5rem;\n }\n\n #kw-hp-calculator .power-bar-bg {\n height: 0.75rem;\n background: #e5e7eb;\n border-radius: 9999px;\n overflow: hidden;\n }\n\n #kw-hp-calculator .power-bar {\n height: 100%;\n background: linear-gradient(to right, #2156dc, #ffc107, #ff4757);\n border-radius: 9999px;\n transition: width 0.5s ease;\n width: 0%;\n }\n\n #kw-hp-calculator .power-level-text {\n text-align: center;\n font-size: 0.875rem;\n color: #6b7280;\n margin-top: 0.5rem;\n }\n\n \/* Hide number input spinners *\/\n #kw-hp-calculator .calc-input::-webkit-inner-spin-button,\n #kw-hp-calculator .calc-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n #kw-hp-calculator .calc-input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"kw-hp-calculator\">\n <h2 class=\"section-title\">Calculator<\/h2>\n <div class=\"calc-card\">\n \n <div class=\"calc-header\">\n <h2 class=\"calc-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 Power Unit Converter\n <\/h2>\n \n <div class=\"toggle-group\">\n <button id=\"btn-mechanical\" class=\"toggle-btn active\" onclick=\"setHPType('mechanical')\">\n Mechanical HP\n <\/button>\n <button id=\"btn-metric\" class=\"toggle-btn\" onclick=\"setHPType('metric')\">\n Metric HP (PS)\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"calc-body\">\n <div class=\"calc-grid\">\n \n <div class=\"input-section\">\n \n <div class=\"input-group\">\n <label for=\"kw-input\" class=\"input-label\">Kilowatts (kW)<\/label>\n <div class=\"input-wrapper\">\n <input \n type=\"number\" \n id=\"kw-input\" \n class=\"calc-input\"\n placeholder=\"Enter kW value\"\n oninput=\"convertFromKW()\"\n >\n <span class=\"input-unit\">kW<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"swap-btn-wrapper\">\n <button class=\"swap-btn\" onclick=\"swapValues()\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"input-group\">\n <label for=\"hp-input\" class=\"input-label\">Horsepower (<span id=\"hp-label\">HP<\/span>)<\/label>\n <div class=\"input-wrapper\">\n <input \n type=\"number\" \n id=\"hp-input\" \n class=\"calc-input\"\n placeholder=\"Enter HP value\"\n oninput=\"convertFromHP()\"\n >\n <span id=\"hp-unit\" class=\"input-unit\">HP<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"conversion-info\" class=\"info-box\">\n <p class=\"info-text\">\n <span class=\"info-highlight\">Mechanical HP:<\/span> \n 1 kW = 1.34102 HP (Imperial\/Electrical)\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"gauge-section\">\n <div class=\"gauge-container\">\n <div class=\"gauge-bg\"><\/div>\n <div class=\"gauge-inner\"><\/div>\n <div id=\"gauge-needle\" class=\"gauge-needle\"><\/div>\n <div class=\"gauge-center\"><\/div>\n <\/div>\n <div id=\"gauge-value\" class=\"gauge-value\">0.00<\/div>\n <div id=\"gauge-unit\" class=\"gauge-unit\">HP<\/div>\n \n \n <div class=\"power-indicator\">\n <div class=\"power-labels\">\n <span>0 kW<\/span>\n <span>50 kW<\/span>\n <span>100 kW<\/span>\n <\/div>\n <div class=\"power-bar-bg\">\n <div id=\"power-bar\" class=\"power-bar\"><\/div>\n <\/div>\n <p id=\"power-level\" class=\"power-level-text\">Enter a value to see power level<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ Conversion constants\n const MECHANICAL_HP_PER_KW = 1.34102;\n const METRIC_HP_PER_KW = 1.35962;\n\n \/\/ Current HP type\n let currentHPType = 'mechanical';\n\n \/\/ Set HP type\n window.setHPType = function(type) {\n currentHPType = type;\n \n \/\/ Update button styles\n const btnMechanical = document.getElementById('btn-mechanical');\n const btnMetric = document.getElementById('btn-metric');\n \n if (type === 'mechanical') {\n btnMechanical.classList.add('active');\n btnMetric.classList.remove('active');\n document.getElementById('hp-label').textContent = 'HP';\n document.getElementById('hp-unit').textContent = 'HP';\n document.getElementById('gauge-unit').textContent = 'HP';\n document.getElementById('conversion-info').innerHTML = \n '<p class=\"info-text\"><span class=\"info-highlight\">Mechanical HP:<\/span> 1 kW = 1.34102 HP (Imperial\/Electrical)<\/p>';\n } else {\n btnMetric.classList.add('active');\n btnMechanical.classList.remove('active');\n document.getElementById('hp-label').textContent = 'PS';\n document.getElementById('hp-unit').textContent = 'PS';\n document.getElementById('gauge-unit').textContent = 'PS';\n document.getElementById('conversion-info').innerHTML = \n '<p class=\"info-text\"><span class=\"info-highlight\">Metric HP (PS):<\/span> 1 kW = 1.35962 PS (European Standard)<\/p>';\n }\n \n \/\/ Recalculate if there's a value\n const kwInput = document.getElementById('kw-input');\n if (kwInput.value) {\n convertFromKW();\n }\n };\n\n \/\/ Get current conversion factor\n function getConversionFactor() {\n return currentHPType === 'mechanical' ? MECHANICAL_HP_PER_KW : METRIC_HP_PER_KW;\n }\n\n \/\/ Convert from kW to HP\n window.convertFromKW = function() {\n const kwInput = document.getElementById('kw-input');\n const hpInput = document.getElementById('hp-input');\n const kw = parseFloat(kwInput.value);\n \n if (isNaN(kw) || kw < 0) {\n hpInput.value = '';\n updateGauge(0);\n updatePowerBar(0);\n return;\n }\n \n const hp = kw * getConversionFactor();\n hpInput.value = hp.toFixed(4);\n updateGauge(hp);\n updatePowerBar(kw);\n };\n\n \/\/ Convert from HP to kW\n window.convertFromHP = function() {\n const kwInput = document.getElementById('kw-input');\n const hpInput = document.getElementById('hp-input');\n const hp = parseFloat(hpInput.value);\n \n if (isNaN(hp) || hp < 0) {\n kwInput.value = '';\n updateGauge(0);\n updatePowerBar(0);\n return;\n }\n \n const kw = hp \/ getConversionFactor();\n kwInput.value = kw.toFixed(4);\n updateGauge(hp);\n updatePowerBar(kw);\n };\n\n \/\/ Swap values\n window.swapValues = function() {\n const kwInput = document.getElementById('kw-input');\n const hpInput = document.getElementById('hp-input');\n \n const temp = kwInput.value;\n kwInput.value = hpInput.value;\n hpInput.value = temp;\n \n if (kwInput.value) {\n convertFromKW();\n }\n };\n\n \/\/ Update gauge needle and display\n function updateGauge(hp) {\n const needle = document.getElementById('gauge-needle');\n const gaugeValue = document.getElementById('gauge-value');\n \n \/\/ Map HP to angle (-90 to 90 degrees)\n const maxHP = 150;\n const clampedHP = Math.min(hp, maxHP);\n const angle = -90 + (clampedHP \/ maxHP) * 180;\n \n needle.style.transform = 'translateX(-50%) rotate(' + angle + 'deg)';\n gaugeValue.textContent = hp.toFixed(2);\n }\n\n \/\/ Update power bar\n function updatePowerBar(kw) {\n const powerBar = document.getElementById('power-bar');\n const powerLevel = document.getElementById('power-level');\n \n \/\/ Map kW to percentage (0-100 kW = 0-100%)\n const percentage = Math.min((kw \/ 100) * 100, 100);\n powerBar.style.width = percentage + '%';\n \n \/\/ Update power level text\n if (kw === 0) {\n powerLevel.textContent = 'Enter a value to see power level';\n } else if (kw < 5) {\n powerLevel.textContent = 'Low Power - Small motors, fans';\n } else if (kw < 15) {\n powerLevel.textContent = 'Medium Power - Industrial pumps, compressors';\n } else if (kw < 50) {\n powerLevel.textContent = 'High Power - Heavy machinery';\n } else {\n powerLevel.textContent = 'Very High Power - Large industrial systems';\n }\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Electric Motor Power Converter: kW to HP is a practical engineering tool designed to quickly convert electric motor power between kilowatts (kW) and horsepower (HP)….<\/p>","protected":false},"author":2,"featured_media":24295,"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":[8460,8461,8462],"class_list":["post-24294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unit-and-industry-standard-conversion","tag-kw-to-hp","tag-motor-power","tag-power-conversion","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2026\/02\/Electric-Motor-Power-Converter-kW-to-HP.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/posts\/24294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/comments?post=24294"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/posts\/24294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/media\/24295"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/media?parent=24294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/categories?post=24294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/pt\/wp-json\/wp\/v2\/tags?post=24294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}