Max Heart Rate Zone Calculator

Max Heart Rate Zone Calculator .hr-calculator-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .hr-calculator-header { text-align: center; margin-bottom: 25px; background-color: #ff4757; color: white; padding: 15px; border-radius: 6px; } .hr-calculator-header h2 { margin: 0; font-size: 24px; } .hr-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; } .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: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } .hr-btn-calculate { width: 100%; padding: 12px; background-color: #2f3542; color: white; border: none; border-radius: 4px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s; } .hr-btn-calculate:hover { background-color: #57606f; } .hr-results-section { margin-top: 30px; display: none; border-top: 2px solid #f1f2f6; padding-top: 20px; } .hr-summary-box { background-color: #f1f2f6; padding: 15px; border-radius: 6px; text-align: center; margin-bottom: 20px; display: flex; justify-content: space-around; flex-wrap: wrap; } .hr-metric { margin: 10px; } .hr-metric-val { font-size: 24px; font-weight: bold; color: #ff4757; display: block; } .hr-metric-label { font-size: 14px; color: #666; } .hr-zones-table { width: 100%; border-collapse: collapse; margin-top: 10px; } .hr-zones-table th, .hr-zones-table td { padding: 12px; text-align: left; border-bottom: 1px solid #eee; } .hr-zones-table th { background-color: #f8f9fa; font-weight: 700; } .zone-color { width: 15px; height: 15px; display: inline-block; border-radius: 50%; margin-right: 8px; vertical-align: middle; } .zone-1 { background-color: #a4b0be; } /* Grey */ .zone-2 { background-color: #7bed9f; } /* Green */ .zone-3 { background-color: #eccc68; } /* Yellow/Orange */ .zone-4 { background-color: #ffa502; } /* Orange */ .zone-5 { background-color: #ff4757; } /* Red */ .hr-content-article { margin-top: 40px; line-height: 1.6; color: #2f3542; } .hr-content-article h3 { color: #ff4757; margin-top: 25px; border-bottom: 2px solid #f1f2f6; padding-bottom: 10px; } .hr-content-article p { margin-bottom: 15px; } .hr-content-article ul { margin-bottom: 15px; padding-left: 20px; } .hr-content-article li { margin-bottom: 8px; } @media (max-width: 600px) { .hr-form-grid { grid-template-columns: 1fr; } .hr-summary-box { flex-direction: column; } }

Heart Rate Zone Calculator

Enter for Karvonen Method accuracy
Fox Formula (220 – Age) Tanaka Formula (208 – 0.7 × Age) Gellish Formula (207 – 0.7 × Age)
Neutral Male Female
Max Heart Rate (MHR)
Resting HR
Heart Rate Reserve

Your Training Zones

Zone Intensity Range (BPM) Benefit

Understanding Your Heart Rate Zones

Training based on heart rate zones allows you to maximize your workout efficiency and avoid overtraining. By targeting specific heart rate ranges, you can focus on different physiological adaptations, from fat burning to improved aerobic capacity and peak performance.

The Calculation Methods

This calculator supports multiple scientific formulas to estimate your Maximum Heart Rate (MHR):

  • Fox Formula (220 – Age): The traditional standard. Simple to use but can have a margin of error of +/- 10-12 bpm for some individuals.
  • Tanaka Formula (208 – 0.7 × Age): Considered more accurate for healthy adults over the age of 40.
  • Karvonen Method: If you enter your Resting Heart Rate, the calculator uses the Heart Rate Reserve (HRR) method. This is widely considered the most accurate way to define training zones because it accounts for your personal fitness level.

Zone Breakdown

Here is what happens in each zone:

  • Zone 1 (Very Light): Warm-up and recovery. Aids recovery and prepares the body for exercise.
  • Zone 2 (Light): Fat burning and endurance. Builds general aerobic base and metabolizes fat efficiently.
  • Zone 3 (Moderate): Aerobic capacity. Improves blood circulation and skeletal muscle efficiency.
  • Zone 4 (Hard): Anaerobic threshold. Increases maximum performance capacity and lactate tolerance.
  • Zone 5 (Maximum): Red line. Develops maximum speed and power. Sustainable only for very short bursts.

How to Find Your Resting Heart Rate

For the most accurate results using the Karvonen method, measure your heart rate in the morning right after waking up, before getting out of bed. Count your pulse for 60 seconds. Do this for 3-4 days and take the average.

function calculateHeartZones() { var ageInput = document.getElementById('hrAge').value; var rhrInput = document.getElementById('hrResting').value; var formula = document.getElementById('hrFormula').value; var gender = document.getElementById('hrGender').value; // Basic Validation if (!ageInput || isNaN(ageInput)) { alert("Please enter a valid age."); return; } var age = parseFloat(ageInput); var rhr = parseFloat(rhrInput); var hasRHR = !isNaN(rhr) && rhr > 0; // 1. Calculate Max Heart Rate (MHR) var mhr = 0; if (formula === 'fox') { // Traditional: 220 – age // Slight gender variation exists in some literature (226 for women), but standard Fox is 220. // Let's stick to standard Fox unless user wants specificity, but prompts didn't ask for gender specific logic deeply. mhr = 220 – age; } else if (formula === 'tanaka') { mhr = 208 – (0.7 * age); } else if (formula === 'gellish') { mhr = 207 – (0.7 * age); } mhr = Math.round(mhr); // 2. Logic for Zones (Standard vs Karvonen) // Karvonen = (MHR – RHR) * %intensity + RHR // Standard = MHR * %intensity var zones = [ { name: "Zone 1", desc: "Very Light / Warm Up", minPct: 0.50, maxPct: 0.60, colorClass: "zone-1" }, { name: "Zone 2", desc: "Light / Fat Burn", minPct: 0.60, maxPct: 0.70, colorClass: "zone-2" }, { name: "Zone 3", desc: "Moderate / Aerobic", minPct: 0.70, maxPct: 0.80, colorClass: "zone-3" }, { name: "Zone 4", desc: "Hard / Anaerobic", minPct: 0.80, maxPct: 0.90, colorClass: "zone-4" }, { name: "Zone 5", desc: "Maximum / VO2 Max", minPct: 0.90, maxPct: 1.00, colorClass: "zone-5" } ]; var tableBody = document.getElementById('zonesTableBody'); tableBody.innerHTML = ""; for (var i = 0; i < zones.length; i++) { var z = zones[i]; var minBpm, maxBpm; if (hasRHR) { // Karvonen Formula var hrr = mhr – rhr; minBpm = Math.round((hrr * z.minPct) + rhr); maxBpm = Math.round((hrr * z.maxPct) + rhr); } else { // Standard Percentage of Max HR minBpm = Math.round(mhr * z.minPct); maxBpm = Math.round(mhr * z.maxPct); } var tr = document.createElement('tr'); tr.innerHTML = '' + z.name + '' + '' + Math.round(z.minPct * 100) + '% – ' + Math.round(z.maxPct * 100) + '%' + '' + minBpm + ' – ' + maxBpm + ' bpm' + '' + z.desc + ''; tableBody.appendChild(tr); } // Display Summary document.getElementById('displayMHR').innerText = mhr + " bpm"; if (hasRHR) { document.getElementById('displayRHR').innerText = rhr + " bpm"; document.getElementById('hrrContainer').style.display = "block"; document.getElementById('displayHRR').innerText = (mhr – rhr) + " bpm"; } else { document.getElementById('displayRHR').innerText = "Not set"; document.getElementById('hrrContainer').style.display = "none"; } document.getElementById('hrResults').style.display = "block"; }

Leave a Comment