Heart Rate Normal 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 #e0e0e0; border-radius: 12px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0,0,0,0.05); color: #333; } .hr-calc-title { color: #d32f2f; font-size: 28px; font-weight: 700; margin-bottom: 20px; text-align: center; border-bottom: 3px solid #f44336; padding-bottom: 10px; } .hr-calc-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px; } .hr-calc-field { flex: 1; min-width: 200px; } .hr-calc-label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px; color: #555; } .hr-calc-input { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 6px; font-size: 16px; transition: border-color 0.3s; box-sizing: border-box; } .hr-calc-input:focus { border-color: #f44336; outline: none; } .hr-calc-btn { width: 100%; background-color: #d32f2f; color: white; border: none; padding: 15px; font-size: 18px; font-weight: 700; border-radius: 6px; cursor: pointer; transition: background 0.3s; margin-top: 10px; } .hr-calc-btn:hover { background-color: #b71c1c; } .hr-calc-result { margin-top: 25px; padding: 20px; border-radius: 8px; background-color: #fce4ec; display: none; border-left: 5px solid #d32f2f; } .hr-calc-result h3 { margin-top: 0; color: #880e4f; } .hr-zone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; } .hr-zone-item { padding: 10px; background: #fff; border-radius: 4px; border: 1px solid #f8bbd0; } .hr-zone-name { font-weight: bold; font-size: 13px; color: #c2185b; } .hr-zone-val { font-size: 16px; font-weight: 700; color: #333; } .hr-status-indicator { display: inline-block; padding: 4px 12px; border-radius: 20px; color: white; font-weight: 600; font-size: 14px; margin-bottom: 10px; } .status-normal { background-color: #4caf50; } .status-high { background-color: #f44336; } .status-low { background-color: #2196f3; } .hr-article { margin-top: 40px; line-height: 1.6; color: #444; } .hr-article h2 { color: #d32f2f; border-left: 4px solid #d32f2f; padding-left: 10px; } .hr-article table { width: 100%; border-collapse: collapse; margin: 20px 0; } .hr-article th, .hr-article td { border: 1px solid #ddd; padding: 12px; text-align: left; } .hr-article th { background-color: #f8f8f8; }
Heart Rate Normal Calculator

Your Heart Rate Results

Warm Up (50-60%)
Fat Burn (60-70%)
Aerobic (70-80%)
Anaerobic (80-90%)

What is a Normal Heart Rate?

A normal resting heart rate for adults ranges from 60 to 100 beats per minute (BPM). Generally, a lower heart rate at rest implies more efficient heart function and better cardiovascular fitness. For example, a well-trained athlete might have a normal resting heart rate closer to 40 beats per minute.

How to Measure Your Resting Heart Rate

To get an accurate reading using this calculator, you should measure your resting heart rate when you are calm, relaxed, and have been sitting still for at least 5-10 minutes. The best time to check is first thing in the morning before getting out of bed.

Heart Rate Target Zones Explained

When you exercise, your heart rate increases. Knowing your target zones helps you achieve specific fitness goals:

  • Fat Burn (60-70%): Ideal for weight loss and building basic endurance.
  • Aerobic (70-80%): Improves cardiovascular fitness and lung capacity.
  • Anaerobic (80-90%): Increases your lactic acid threshold and high-intensity performance.

Normal Heart Rate Chart by Age

Age Range Average Max Heart Rate (BPM) Target Zone (50-85%)
20 Years 200 100–170 BPM
30 Years 190 95–162 BPM
40 Years 180 90–153 BPM
50 Years 170 85–145 BPM
60 Years 160 80–136 BPM

Disclaimer: This calculator is for informational purposes only. Always consult with a healthcare professional before starting a new exercise regimen or if you have concerns about your heart health.

function calculateHeartRate() { var age = parseFloat(document.getElementById('hr-age').value); var restingHR = parseFloat(document.getElementById('hr-resting').value); var resultBox = document.getElementById('hr-result-box'); var statusPill = document.getElementById('hr-status-pill'); if (isNaN(age) || age 120) { alert("Please enter a valid age."); return; } if (isNaN(restingHR) || restingHR 220) { alert("Please enter a valid resting heart rate."); return; } // Formula: Max HR = 220 – Age var maxHR = 220 – age; // Karvonen Formula: Target HR = ((Max HR − Resting HR) × %Intensity) + Resting HR var hrReserve = maxHR – restingHR; function getZone(intensity) { return Math.round((hrReserve * intensity) + restingHR); } // Determine Status var status = ""; var statusClass = ""; if (restingHR < 60) { status = "Low Resting HR (Athletic/Bradycardia)"; statusClass = "status-low"; } else if (restingHR <= 100) { status = "Normal Resting HR"; statusClass = "status-normal"; } else { status = "High Resting HR (Tachycardia)"; statusClass = "status-high"; } // Display Results resultBox.style.display = "block"; statusPill.innerText = status; statusPill.className = "hr-status-indicator " + statusClass; document.getElementById('hr-max-display').innerHTML = "Your estimated Maximum Heart Rate (MHR) is " + maxHR + " BPM."; document.getElementById('zone-1').innerText = getZone(0.50) + " – " + getZone(0.60) + " BPM"; document.getElementById('zone-2').innerText = getZone(0.60) + " – " + getZone(0.70) + " BPM"; document.getElementById('zone-3').innerText = getZone(0.70) + " – " + getZone(0.80) + " BPM"; document.getElementById('zone-4').innerText = getZone(0.80) + " – " + getZone(0.90) + " BPM"; // Smooth scroll to result resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }

Leave a Comment