Heart Rate When Exercising Calculator

.hr-calc-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; max-width: 800px; margin: 20px auto; padding: 25px; border: 1px solid #e1e1e1; border-radius: 12px; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } .hr-calc-header { text-align: center; margin-bottom: 30px; } .hr-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; } .hr-input-group { display: flex; flex-direction: column; } .hr-input-group label { font-weight: 600; margin-bottom: 8px; color: #333; } .hr-input-group input, .hr-input-group select { padding: 12px; border: 2px solid #edeff2; border-radius: 8px; font-size: 16px; transition: border-color 0.3s; } .hr-input-group input:focus { border-color: #e53e3e; outline: none; } .hr-calc-btn { background-color: #e53e3e; color: white; border: none; padding: 15px 25px; font-size: 18px; font-weight: bold; border-radius: 8px; cursor: pointer; width: 100%; transition: background-color 0.3s; } .hr-calc-btn:hover { background-color: #c53030; } #hr-result-area { margin-top: 30px; padding: 20px; border-radius: 8px; background-color: #f7fafc; display: none; } .result-main { text-align: center; margin-bottom: 20px; } .result-value { font-size: 32px; font-weight: 800; color: #e53e3e; } .zone-table { width: 100%; border-collapse: collapse; margin-top: 20px; } .zone-table th, .zone-table td { padding: 12px; text-align: left; border-bottom: 1px solid #dee2e6; } .zone-row:hover { background-color: #edf2f7; } .hr-article { margin-top: 40px; line-height: 1.6; color: #4a5568; } .hr-article h2 { color: #2d3748; border-left: 5px solid #e53e3e; padding-left: 15px; margin-top: 30px; } @media (max-width: 600px) { .hr-calc-grid { grid-template-columns: 1fr; } }

Exercise Heart Rate Zone Calculator

Calculate your target heart rate zones based on the Karvonen Formula for optimal training intensity.

50% – Very Light 60% – Light (Fat Burn) 70% – Moderate (Aerobic) 80% – Hard (Anaerobic) 90% – Maximum (Sprints)

Your Estimated Maximum Heart Rate:

Target Heart Rate for Selected Intensity:

Your Personalized Training Zones

Zone Intensity Target Range (BPM)

Understanding Exercise Heart Rate Zones

To get the most out of your workouts, it is essential to monitor your heart rate. Exercising at the right intensity ensures you are meeting your fitness goals, whether that is weight loss, cardiovascular endurance, or athletic performance. This calculator uses the Karvonen Formula, which is considered more accurate than simple formulas because it accounts for your resting heart rate.

The Karvonen Formula Explained

The calculation follows these specific steps:

  • Max Heart Rate (MHR): 220 – Age
  • Heart Rate Reserve (HRR): MHR – Resting Heart Rate
  • Target Heart Rate: (HRR × % Intensity) + Resting Heart Rate

Heart Rate Training Zones Breakdown

Zone 1: Very Light (50-60%) – Ideal for warm-ups, cool-downs, and active recovery. It improves overall health but doesn't significantly boost aerobic capacity.

Zone 2: Light/Fat Burn (60-70%) – This is the "base" training zone. It increases your body's ability to burn fat and improves muscular endurance.

Zone 3: Moderate/Aerobic (70-80%) – Often called the "cardio" zone. It improves blood circulation and strengthens the heart and lungs.

Zone 4: Hard/Anaerobic (80-90%) – High intensity. This improves your speed and anaerobic threshold, helping you handle high levels of lactic acid.

Zone 5: Maximum (90-100%) – All-out effort. Reserved for short intervals and professional athletes to improve maximum performance and speed.

Practical Example

A 30-year-old individual with a resting heart rate of 60 BPM wants to exercise in the Fat Burn zone (65% intensity):

  1. Max HR: 220 – 30 = 190 BPM
  2. HR Reserve: 190 – 60 = 130 BPM
  3. Target HR: (130 × 0.65) + 60 = 144.5 BPM

By keeping their heart rate around 145 BPM, they stay perfectly within their target zone for that specific goal.

function calculateTargetHeartRate() { var age = parseFloat(document.getElementById('hrAge').value); var restHR = parseFloat(document.getElementById('hrRest').value); var intensity = parseFloat(document.getElementById('hrIntensity').value); var resultArea = document.getElementById('hr-result-area'); if (isNaN(age) || age 120) { alert("Please enter a valid age."); return; } if (isNaN(restHR) || restHR 150) { alert("Please enter a valid resting heart rate (typical range 30-120)."); return; } // Formulas var maxHR = 220 – age; var hrr = maxHR – restHR; var targetHR = (hrr * intensity) + restHR; // Update Display document.getElementById('maxHRVal').innerText = Math.round(maxHR) + " BPM"; document.getElementById('targetHRVal').innerText = Math.round(targetHR) + " BPM"; // Generate Table var zones = [ { name: "Zone 1 (Warm Up)", min: 0.50, max: 0.60 }, { name: "Zone 2 (Fat Burn)", min: 0.60, max: 0.70 }, { name: "Zone 3 (Aerobic)", min: 0.70, max: 0.80 }, { name: "Zone 4 (Anaerobic)", min: 0.80, max: 0.90 }, { name: "Zone 5 (Red Line)", min: 0.90, max: 1.00 } ]; var tableBody = document.getElementById('zoneTableBody'); tableBody.innerHTML = ""; for (var i = 0; i < zones.length; i++) { var zoneMin = Math.round((hrr * zones[i].min) + restHR); var zoneMax = Math.round((hrr * zones[i].max) + restHR); var row = document.createElement('tr'); row.className = "zone-row"; row.innerHTML = "" + zones[i].name + "" + "" + (zones[i].min * 100) + "% – " + (zones[i].max * 100) + "%" + "" + zoneMin + " – " + zoneMax + " BPM"; tableBody.appendChild(row); } resultArea.style.display = 'block'; resultArea.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }

Leave a Comment