Training Heart Rate Zones Calculator

by
Training Heart Rate Zones Calculator .hr-calculator-container { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } .hr-calculator-container h2 { text-align: center; color: #d32f2f; margin-bottom: 25px; } .hr-input-group { margin-bottom: 20px; display: flex; flex-direction: column; } .hr-input-group label { font-weight: 600; margin-bottom: 8px; color: #333; } .hr-input-group input { padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; transition: border-color 0.3s; } .hr-input-group input:focus { border-color: #d32f2f; outline: none; } .hr-calc-btn { width: 100%; padding: 15px; background-color: #d32f2f; color: white; border: none; border-radius: 4px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s; } .hr-calc-btn:hover { background-color: #b71c1c; } .hr-results { margin-top: 30px; display: none; animation: fadeIn 0.5s; } .hr-summary { background-color: #fff; padding: 15px; border-radius: 4px; margin-bottom: 20px; border-left: 5px solid #d32f2f; } .hr-zones-table { width: 100%; border-collapse: collapse; background: white; border-radius: 4px; overflow: hidden; } .hr-zones-table th, .hr-zones-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd; } .hr-zones-table th { background-color: #333; color: white; } .hr-zones-table tr:last-child td { border-bottom: none; } .zone-row-1 { border-left: 5px solid #9e9e9e; } /* Grey */ .zone-row-2 { border-left: 5px solid #2196f3; } /* Blue */ .zone-row-3 { border-left: 5px solid #4caf50; } /* Green */ .zone-row-4 { border-left: 5px solid #ff9800; } /* Orange */ .zone-row-5 { border-left: 5px solid #f44336; } /* Red */ .article-section { max-width: 800px; margin: 40px auto; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; } .article-section h2 { color: #d32f2f; margin-top: 30px; } .article-section h3 { color: #444; margin-top: 20px; } .article-section p { margin-bottom: 15px; } .article-section ul { margin-bottom: 15px; padding-left: 20px; } .article-section li { margin-bottom: 8px; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (min-width: 600px) { .hr-input-row { display: flex; gap: 20px; } .hr-input-group { flex: 1; } }

Training Heart Rate Zones Calculator

Based on the Karvonen Formula (Heart Rate Reserve)

Estimated Max Heart Rate: bpm

Heart Rate Reserve (HRR): bpm

Zone Intensity Heart Rate Range Benefit
function calculateHRZones() { // 1. Get Input Values var ageInput = document.getElementById('hrAge'); var restingInput = document.getElementById('hrResting'); var age = parseFloat(ageInput.value); var restingHR = parseFloat(restingInput.value); // 2. Validation if (isNaN(age) || age 120) { alert("Please enter a valid age between 10 and 120."); return; } if (isNaN(restingHR) || restingHR 200) { alert("Please enter a valid resting heart rate between 20 and 200."); return; } // 3. Calculation Logic (Karvonen Method) // MHR = 220 – Age var maxHR = 220 – age; // HRR = MHR – RestingHR var hrReserve = maxHR – restingHR; // Function to calc specific bpm based on percentage function getBPM(percent) { return Math.round((hrReserve * (percent / 100)) + restingHR); } // Calculate Zone Boundaries var z1_min = getBPM(50); var z1_max = getBPM(60); var z2_min = getBPM(60); var z2_max = getBPM(70); var z3_min = getBPM(70); var z3_max = getBPM(80); var z4_min = getBPM(80); var z4_max = getBPM(90); var z5_min = getBPM(90); var z5_max = getBPM(100); // 4. Update UI document.getElementById('displayMHR').innerHTML = maxHR; document.getElementById('displayHRR').innerHTML = hrReserve; var tableBody = document.getElementById('zonesTableBody'); tableBody.innerHTML = "; // Clear previous var zonesData = [ { name: "Zone 1 (Recovery)", class: "zone-row-1", intensity: "50% – 60%", range: z1_min + " – " + z1_max + " bpm", benefit: "Warm up / Cool down" }, { name: "Zone 2 (Endurance)", class: "zone-row-2", intensity: "60% – 70%", range: z2_min + " – " + z2_max + " bpm", benefit: "Fat burning, Basic endurance" }, { name: "Zone 3 (Aerobic)", class: "zone-row-3", intensity: "70% – 80%", range: z3_min + " – " + z3_max + " bpm", benefit: "Improved aerobic fitness" }, { name: "Zone 4 (Threshold)", class: "zone-row-4", intensity: "80% – 90%", range: z4_min + " – " + z4_max + " bpm", benefit: "Speed endurance, Lactate tolerance" }, { name: "Zone 5 (VO2 Max)", class: "zone-row-5", intensity: "90% – 100%", range: z5_min + " – " + z5_max + " bpm", benefit: "Maximum performance" } ]; for (var i = 0; i < zonesData.length; i++) { var row = '' + '' + zonesData[i].name + '' + '' + zonesData[i].intensity + '' + '' + zonesData[i].range + '' + '' + zonesData[i].benefit + '' + ''; tableBody.innerHTML += row; } document.getElementById('hrResult').style.display = 'block'; }

Why Train with Heart Rate Zones?

Training effectively requires more than just running or cycling as fast as you can. To maximize cardiovascular gains, burn fat efficiently, and prevent overtraining, athletes rely on Heart Rate Zone Training. This calculator uses the Karvonen Method, which is widely considered more accurate than simple maximum heart rate calculations because it factors in your resting heart rate (RHR).

Understanding the Karvonen Formula

Most basic calculators simply take percentages of your Maximum Heart Rate (MHR). However, this ignores your fitness level. The Karvonen formula calculates your Heart Rate Reserve (HRR) first:

  • Step 1: Estimate Max Heart Rate (220 – Age).
  • Step 2: Calculate Heart Rate Reserve (Max HR – Resting HR).
  • Step 3: Calculate Target Zone = (Heart Rate Reserve × Zone Percentage) + Resting HR.

By including your resting heart rate, the zones are tailored to your specific cardiovascular efficiency. As you get fitter, your resting heart rate drops, and your training zones will adjust accordingly.

The 5 Heart Rate Zones Explained

Zone 1: Very Light (50-60%)

This is the recovery zone. Training at this intensity helps with recovery after hard days, warms up the body, and helps clear out waste products from the muscles. You should be able to hold a conversation easily.

Zone 2: Light (60-70%)

Often called the "Fat Burning Zone." In this zone, the body becomes efficient at oxidizing fat for fuel. It builds the mitochondrial base for endurance. Serious endurance athletes spend up to 80% of their training time here.

Zone 3: Moderate (70-80%)

The aerobic zone. This improves blood circulation and skeletal muscle efficiency. It's harder than Zone 2—you can still talk, but only in short sentences. This is often the "grey zone" where many recreational runners spend too much time; it's too hard for easy recovery but not hard enough for high-end performance gains.

Zone 4: Hard (80-90%)

The anaerobic threshold zone. Here, you start producing lactate faster than your body can clear it. Training here improves your ability to sustain high speeds for longer durations.

Zone 5: Maximum (90-100%)

This is your VO2 Max zone. Efforts here are very short and very painful. This training improves fast-twitch muscle fibers and top-end speed. It should only be performed for short intervals.

How to Measure Resting Heart Rate

For the most accurate results in the calculator above, measure your heart rate immediately upon waking up in the morning, before getting out of bed. Do this for 3-4 days and take the average.

Leave a Comment