{"id":65975,"date":"2025-06-24T03:10:12","date_gmt":"2025-06-24T03:10:12","guid":{"rendered":"https:\/\/www.harsle.com\/?page_id=65975"},"modified":"2026-10-05T02:14:28","modified_gmt":"2026-10-05T02:14:28","slug":"offset-calculator","status":"publish","type":"page","link":"https:\/\/www.harsle.com\/es\/offset-calculator\/","title":{"rendered":"Calculadora de compensaci\u00f3n"},"content":{"rendered":"<p><img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Offset-Calculator500x500.png\" alt=\"Offset Calculator\" srcset=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Offset-Calculator500x500.png 500w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Offset-Calculator500x500-300x300.png 300w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Offset-Calculator500x500-150x150.png 150w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Offset-Calculator500x500-360x360.png 360w, https:\/\/www.harsle.com\/wp-content\/uploads\/2025\/07\/Offset-Calculator500x500-430x430.png 430w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<p>This Offset Calculator helps you determine the estimated bend angle and stroke depth based on your desired offset height and tool height. It simplifies setup for offset bending operations, ensuring accurate results and reduced trial-and-error in press brake programming.<\/p>\n<h3>\ud83d\udcd0 <strong>Calculation Formulas<\/strong><\/h3>\n<p><strong>1. Estimated Angle<\/strong><\/p>\n<p>Estimated Angle = 90 \u00d7 (Desired Offset Height \u00f7 Offset Tool Height)<\/p>\n<p><strong>2. Stroke Depth<\/strong><\/p>\n<p>Stroke Depth = Desired Offset Height \u00d7 0.7071<\/p>\n<ul>\n<li><strong>Desired Offset Height<\/strong>: The total offset you want to achieve in mm\/inch.<\/li>\n<li><strong>Offset Tool Height<\/strong>: The full offset height your punch tool can form at 90\u00b0.<\/li>\n<\/ul>\n<p>\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n        .offset-calculator {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            color: #333;\n            background: #fff;\n            border-radius: 8px;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n        }\n        .calculator-title {\n            text-align: center;\n            color: #000;\n            margin-bottom: 30px;\n            font-size: 28px;\n            font-weight: bold;\n        }\n        .calculator-form {\n            background: #fff;\n            padding: 0;\n        }\n        .input-group {\n            margin-bottom: 20px;\n        }\n        .input-group label {\n            display: block;\n            margin-bottom: 15px;\n            color: #000;\n        }\n        .input-wrapper {\n            position: relative;\n            display: flex;\n            align-items: stretch;\n        }\n        .input-group input {\n            flex: 1;\n            padding: 12px 15px;\n            border: 1px solid #ddd;\n            border-radius: 4px 0 0 4px;\n            font-size: 16px;\n            box-sizing: border-box;\n            height: 45px;\n            margin: 0;\n        }\n        .unit-display {\n            background: #f8f9fa;\n            padding: 0 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 0 4px 4px 0;\n            color: #666;\n            font-size: 16px;\n            min-width: 45px;\n            border: 1px solid #ddd;\n            border-left: none;\n            margin: 0;\n            box-sizing: border-box;\n        }\n        .input-group input:focus {\n            outline: none;\n            border-color: #007bff;\n        }\n        .unit {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #666;\n            pointer-events: none;\n        }\n        .calculate-btn {\n            background: #007bff;\n            color: white;\n            padding: 12px;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 16px;\n            width: 100%;\n            text-transform: uppercase;\n            margin-top: 20px;\n            font-weight: bold;\n        }\n        .calculate-btn:hover {\n            background: #007bff;\n            color: white;\n        }\n        .result-section {\n            margin-top: 20px;\n            padding: 20px;\n            background: #ecf5ff;\n            border-radius: 4px;\n            display: none;\n            border: 1px solid #B3D7FF;\n        }\n        .result-section h3 {\n            color: #007bff;\n            margin: 0 0 15px 0;\n            font-size: 18px;\n            font-weight: bold;\n        }\n        .result-group {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 10px 0;\n            border-bottom: 1px solid #b3d7ff;\n        }\n        .result-group:last-child {\n            border-bottom: none;\n        }\n        .result-label {\n            color: #444;\n            font-weight: normal;\n        }\n        .result-value {\n            color: #007bff;\n            font-weight: bold;\n        }\n        @media (max-width: 768px) {\n            .offset-calculator {\n                padding: 15px;\n            }\n        }\n        .unit-selection {\n            margin-bottom: 20px;\n        }\n        .unit-selection label {\n            display: block;\n            color: #000;\n            margin-bottom: 8px;\n        }\n        .unit-options {\n            background: #f5f5f5;\n            padding: 10px;\n            border-radius: 4px;\n            display: flex;\n            justify-content: center;\n            gap: 80px;\n        }\n        .unit-option {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n        .unit-option input[type=\"radio\"] {\n            margin: 0;\n        }\n        .unit-option label {\n            margin: 0;\n            cursor: pointer;\n        }\n        \/* Update existing input-wrapper style *\/\n        .input-wrapper .unit {\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Offset Calculator<\/h1>\n<p>        <!-- Unit Selection --><br \/>\n            <label>Unit<\/label><br \/>\n                    <input type=\"radio\" id=\"mm\" name=\"unit\" value=\"mm\" checked><br \/>\n                    <label for=\"mm\">mm<\/label><br \/>\n                    <input type=\"radio\" id=\"inch\" name=\"unit\" value=\"inch\"><br \/>\n                    <label for=\"inch\">inch<\/label><br \/>\n        <!-- Calculator Form Section --><\/p>\n<section>\n                <label for=\"desiredHeight\">Desired Offset Height<\/label><br \/>\n                    <input type=\"number\" id=\"desiredHeight\" step=\"0.1\" required><br \/>\n                    mm<br \/>\n                <label for=\"toolHeight\">Offset Tool Height<\/label><br \/>\n                    <input type=\"number\" id=\"toolHeight\" step=\"0.1\" required><br \/>\n                    mm<br \/>\n            <button onclick=\"calculateOffset()\">Calculate<\/button><br \/>\n        <\/section>\n<p>        <!-- Result Section --><\/p>\n<section id=\"result\">\n<h3>Results<\/h3>\n<p>                Estimated Angle<br \/>\n                Stroke Depth<br \/>\n        <\/section>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta calculadora de desplazamiento le ayuda a determinar el \u00e1ngulo de curvatura estimado y la profundidad de carrera en funci\u00f3n de la altura de desplazamiento deseada y<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-65975","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/pages\/65975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/comments?post=65975"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/pages\/65975\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/es\/wp-json\/wp\/v2\/media?parent=65975"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}