{"id":55481,"date":"2024-12-08T13:19:22","date_gmt":"2024-12-08T13:19:22","guid":{"rendered":"https:\/\/www.harsle.com\/?page_id=55481"},"modified":"2024-12-09T06:16:46","modified_gmt":"2024-12-09T06:16:46","slug":"gauge-thickness-calculator","status":"publish","type":"page","link":"https:\/\/www.harsle.com\/ru\/gauge-thickness-calculator\/","title":{"rendered":"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0442\u043e\u043b\u0449\u0438\u043d\u044b \u043c\u0430\u043d\u043e\u043c\u0435\u0442\u0440\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55481\" class=\"elementor elementor-55481\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-a6289c3 e-flex e-con-boxed e-con e-parent\" data-id=\"a6289c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2bf36d0 e-con-full e-flex e-con e-child\" data-id=\"2bf36d0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d8fbea elementor-widget elementor-widget-image\" data-id=\"8d8fbea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1228\" height=\"800\" src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-1228x800.jpg\" class=\"attachment-large size-large wp-image-55601\" alt=\"gauge thickness calculator\" srcset=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-1228x800.jpg 1228w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-400x261.jpg 400w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-768x500.jpg 768w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-1536x1000.jpg 1536w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-430x280.jpg 430w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-700x456.jpg 700w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator-150x98.jpg 150w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/gauge-thickness-calculator.jpg 1600w\" sizes=\"(max-width: 1228px) 100vw, 1228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b096887 e-con-full e-flex e-con e-child\" data-id=\"b096887\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdb671 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"6cdb671\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The HARSLE Gauge Thickness Calculator is a powerful tool designed to help you easily convert different gauge sizes to their corresponding measurements in millimeters (mm) and inches (in). Whether you&#8217;re working with steel, aluminum, or other materials, this calculator simplifies the process, providing accurate conversions in just a few clicks.<\/p><p><strong>How It Works<\/strong><\/p><ol><li><strong>Select Material Type<\/strong>: Choose the material you are working with (e.g., mild steel, aluminum, stainless steel).<\/li><li><strong>Select Gauge<\/strong>: Select the gauge number for the material.<\/li><li><strong>Get Results<\/strong>: Instantly receive the corresponding thickness in both millimeters and inches.<\/li><\/ol><p>Save time and reduce errors in your metalworking projects with the HARSLE Gauge Thickness Calculator today.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-eb0c574 e-flex e-con-boxed e-con e-parent\" data-id=\"eb0c574\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf97661 elementor-widget elementor-widget-html\" data-id=\"cf97661\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        .calculator-container {\n            max-width: 600px;\n            margin: 20px auto;\n            padding: 25px;\n            font-family: system-ui, -apple-system, sans-serif;\n            background-color: #ffffff;\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n            border-radius: 12px;\n        }\n        \n        h2 {\n            text-align: center;\n            font-size: 28px;\n            margin-bottom: 35px;\n            color: #2c3e50;\n            font-weight: 600;\n        }\n        \n        .input-group {\n            margin-bottom: 25px;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n        }\n        \n        .input-group label {\n            width: 150px;\n            margin-right: 15px;\n            font-weight: 600;\n            color: #2c3e50;\n            font-size: 16px;\n        }\n        \n        select, .unit-options {\n            flex: 1;\n            min-width: 200px;\n            padding: 10px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            background-color: #fff;\n            font-size: 15px;\n            transition: all 0.3s ease;\n        }\n        \n        select:focus {\n            border-color: #4a90e2;\n            outline: none;\n            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);\n        }\n        \n        .unit-options {\n            display: flex;\n            gap: 30px;\n            border: none;\n            padding: 5px 0;\n        }\n        \n        .unit-option {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            cursor: pointer;\n            font-weight: 600;\n            color: #2c3e50;\n        }\n        \n        .unit-option input[type=\"radio\"] {\n            width: 18px;\n            height: 18px;\n            cursor: pointer;\n        }\n        \n        .result-container {\n            background: linear-gradient(145deg, #f8fafc, #f1f5f9);\n            padding: 25px;\n            border-radius: 10px;\n            margin-top: 35px;\n            border: 2px solid #e2e8f0;\n        }\n        \n        .result-title {\n            font-weight: 600;\n            font-size: 18px;\n            color: #2c3e50;\n            margin-bottom: 20px;\n            border-bottom: 2px solid #e2e8f0;\n            padding-bottom: 10px;\n        }\n        \n        .result-value {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 16px;\n        }\n        \n        .result-value span:first-child {\n            font-weight: 600;\n            color: #2c3e50;\n        }\n        \n        .result-value span:last-child {\n            font-size: 18px;\n            color: #4a90e2;\n            font-weight: 600;\n            background-color: #fff;\n            padding: 8px 15px;\n            border-radius: 6px;\n            box-shadow: 0 2px 6px rgba(74, 144, 226, 0.1);\n        }\n        \n        @media (max-width: 480px) {\n            .calculator-container {\n                padding: 20px;\n                margin: 10px;\n            }\n            \n            .input-group label {\n                width: 100%;\n                margin-bottom: 8px;\n            }\n            \n            select, .unit-options {\n                width: 100%;\n            }\n            \n            .result-value {\n                flex-direction: column;\n                gap: 10px;\n                align-items: flex-start;\n            }\n            \n            .result-value span:last-child {\n                align-self: stretch;\n                text-align: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"calculator-container\">\n        <h2>Gauge Thickness Calculator<\/h2>\n        \n        <div class=\"input-group\">\n            <label>Material:<\/label>\n            <select id=\"material\">\n                <option value=\"mild\">Mild Steel<\/option>\n                <option value=\"galvanized\">Galvanized Steel<\/option>\n                <option value=\"stainless\">Stainless Steel<\/option>\n                <option value=\"aluminum\">Aluminum<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"input-group\">\n            <label>Gauge Number:<\/label>\n            <select id=\"gauge\"><\/select>\n        <\/div>\n        \n        <div class=\"input-group\">\n            <label>Unit:<\/label>\n            <div class=\"unit-options\">\n                <label class=\"unit-option\">\n                    <input type=\"radio\" name=\"unit\" value=\"mm\" checked>\n                    <span>mm<\/span>\n                <\/label>\n                <label class=\"unit-option\">\n                    <input type=\"radio\" name=\"unit\" value=\"inch\">\n                    <span>inch<\/span>\n                <\/label>\n            <\/div>\n        <\/div>\n        \n        <div class=\"result-container\">\n            <div class=\"result-title\">Result<\/div>\n            <div class=\"result-value\">\n                <span>Sheet Thickness:<\/span>\n                <span id=\"thickness\">6.073 mm<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const gaugeData = {\n            mild: {3: 6.073, 4: 5.095, 5: 5.314, 6: 4.935, 7: 4.554, 8: 4.176, 9: 3.797, 10: 3.416, 11: 3.038, 12: 2.657, 13: 2.278, 14: 1.897, 15: 1.709, 16: 1.519, 17: 1.367, 18: 1.214, 19: 1.062, 20: 0.912, 21: 0.836, 22: 0.759, 23: 0.683, 24: 0.607, 25: 0.531, 26: 0.455, 27: 0.417, 28: 0.378, 29: 0.343, 30: 0.305, 31: 0.267, 32: 0.246, 33: 0.229, 34: 0.208, 35: 0.191, 36: 0.17, 37: 0.163, 38: 0.17},\n            galvanized: {9: 3.891, 10: 3.51, 11: 3.132, 12: 2.753, 13: 2.372, 14: 1.994, 15: 1.803, 16: 1.613, 17: 1.461, 18: 1.311, 19: 1.158, 20: 1.006, 21: 0.93, 22: 0.853, 23: 0.777, 24: 0.701, 25: 0.627, 26: 0.551, 27: 0.513, 28: 0.475, 29: 0.437, 30: 0.399, 31: 0.361, 32: 0.34},\n            stainless: {4: 5.954, 5: 5.555, 6: 5.159, 7: 4.763, 8: 4.191, 9: 3.967, 10: 3.571, 11: 3.175, 12: 2.779, 13: 2.38, 14: 1.984, 15: 1.786, 16: 1.588, 17: 1.427, 18: 1.27, 19: 1.11, 20: 0.953, 21: 0.874, 22: 0.792, 23: 0.714, 24: 0.635, 25: 0.556, 26: 0.475, 27: 0.437, 28: 0.396, 29: 0.358, 30: 0.318, 31: 0.277, 32: 0.259, 33: 0.239, 34: 0.218, 35: 0.198, 36: 0.178, 37: 0.168, 38: 0.157},\n            aluminum: {3: 5.827, 4: 5.189, 5: 4.62, 6: 4.115, 7: 3.665, 8: 3.264, 9: 2.906, 10: 2.588, 11: 2.304, 12: 2.052, 13: 1.829, 14: 1.628, 15: 1.45, 16: 1.29, 17: 1.151, 18: 1.024, 19: 0.912, 20: 0.813, 21: 0.724, 22: 0.643, 23: 0.574, 24: 0.536, 25: 0.455, 26: 0.404, 27: 0.361, 28: 0.32, 29: 0.287, 30: 0.254, 31: 0.226, 32: 0.203, 33: 0.18, 34: 0.16, 35: 0.142, 36: 0.127, 37: 0.113, 38: 0.101}\n        };\n\n        \/\/ Populate gauge numbers\n        const gaugeSelect = document.getElementById('gauge');\n        for (let i = 3; i <= 38; i++) {\n            const option = document.createElement('option');\n            option.value = i;\n            option.textContent = i;\n            gaugeSelect.appendChild(option);\n        }\n\n        function updateThickness() {\n            const material = document.getElementById('material').value;\n            const gauge = parseInt(document.getElementById('gauge').value);\n            const unit = document.querySelector('input[name=\"unit\"]:checked').value;\n            \n            let thickness = gaugeData[material][gauge];\n            if (!thickness) {\n                document.getElementById('thickness').textContent = 'N\/A';\n                return;\n            }\n            \n            if (unit === 'inch') {\n                thickness = thickness \/ 25.4;\n                document.getElementById('thickness').textContent = `${thickness.toFixed(4)} inch`;\n            } else {\n                document.getElementById('thickness').textContent = `${thickness.toFixed(3)} mm`;\n            }\n        }\n\n        \/\/ Add event listeners\n        document.getElementById('material').addEventListener('change', updateThickness);\n        document.getElementById('gauge').addEventListener('change', updateThickness);\n        document.querySelectorAll('input[name=\"unit\"]').forEach(radio => {\n            radio.addEventListener('change', updateThickness);\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0442\u043e\u043b\u0449\u0438\u043d\u044b \u043a\u0430\u043b\u0438\u0431\u0440\u0430 HARSLE \u2014 \u044d\u0442\u043e \u043c\u043e\u0449\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u043a\u0430\u043b\u0438\u0431\u0440\u0430 \u0432 \u0438\u0445<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55481","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/pages\/55481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/comments?post=55481"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/pages\/55481\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/ru\/wp-json\/wp\/v2\/media?parent=55481"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}