Calroie Calculator

.calorie-calc-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 20px auto; padding: 25px; border: 1px solid #e1e1e1; border-radius: 12px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0,0,0,0.05); color: #333; } .calorie-calc-header { text-align: center; margin-bottom: 30px; } .calorie-calc-header h2 { color: #2c3e50; margin-bottom: 10px; } .calc-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; } .calc-group { flex: 1; min-width: 200px; } .calc-group label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px; color: #4a5568; } .calc-group input, .calc-group select { width: 100%; padding: 12px; border: 2px solid #edf2f7; border-radius: 8px; font-size: 16px; box-sizing: border-box; transition: border-color 0.2s; } .calc-group input:focus, .calc-group select:focus { outline: none; border-color: #4299e1; } .calc-button { width: 100%; padding: 15px; background-color: #3182ce; color: white; border: none; border-radius: 8px; font-size: 18px; font-weight: 700; cursor: pointer; transition: background-color 0.2s; } .calc-button:hover { background-color: #2b6cb0; } .calorie-results { margin-top: 30px; padding: 20px; background-color: #f7fafc; border-radius: 8px; display: none; } .result-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #e2e8f0; } .result-item:last-child { border-bottom: none; } .result-label { font-weight: 500; } .result-value { font-weight: 700; color: #2d3748; } .highlight-value { color: #38a169; font-size: 1.2em; } .article-section { margin-top: 40px; line-height: 1.6; color: #4a5568; } .article-section h3 { color: #2d3748; margin-top: 25px; } .error-msg { color: #e53e3e; font-size: 14px; margin-bottom: 10px; display: none; }

Daily Calorie Calculator

Calculate your TDEE (Total Daily Energy Expenditure) based on your specific goals.

Please fill in all fields correctly.
Male Female
Sedentary (Office job, little exercise) Lightly Active (Exercise 1-3 days/week) Moderately Active (Exercise 3-5 days/week) Very Active (Exercise 6-7 days/week) Extra Active (Hard physical job or 2x training)
Basal Metabolic Rate (BMR): 0
Maintenance Calories (TDEE): 0
Weight Loss (0.5kg/week): 0
Weight Gain (0.5kg/week): 0

How to Use This Calorie Calculator

This calorie calculator uses the Mifflin-St Jeor Equation, widely considered the most accurate formula for determining your daily energy needs. By entering your age, gender, weight, and height, we can estimate your Basal Metabolic Rate (BMR)—the calories your body burns at complete rest.

Understanding Your Results

BMR: This is the energy required to keep your heart beating, lungs breathing, and brain functioning. You should rarely eat below this number without medical supervision.

TDEE (Maintenance): This is your Total Daily Energy Expenditure. If you eat this amount of calories daily, your weight should remain stable. It accounts for your BMR plus the physical activity level you selected.

Setting Your Fitness Goals

  • Weight Loss: To lose roughly 0.5kg (1lb) per week, you typically need a deficit of 500 calories per day from your TDEE.
  • Weight Maintenance: Continue consuming your TDEE while ensuring a balance of protein, fats, and carbohydrates.
  • Muscle Gain: A surplus of 250-500 calories, combined with resistance training, helps facilitate muscle hypertrophy without excessive fat gain.

Realistic Example

Consider a 30-year-old male weighing 80kg at 180cm tall with a "Moderately Active" lifestyle. His BMR would be approximately 1,795 calories. After applying the activity multiplier (1.55), his TDEE would be roughly 2,782 calories. To lose weight sustainably, he would target around 2,282 calories per day.

function calculateCalories() { var gender = document.getElementById('gender').value; var age = parseFloat(document.getElementById('age').value); var weight = parseFloat(document.getElementById('weight').value); var height = parseFloat(document.getElementById('height').value); var activity = parseFloat(document.getElementById('activity').value); var errorDiv = document.getElementById('calc-error'); var resultsDiv = document.getElementById('results'); if (!age || !weight || !height || age <= 0 || weight <= 0 || height 1200 ? weightLoss : 1200).toLocaleString() + ' kcal/day'; document.getElementById('gain-val').innerText = Math.round(weightGain).toLocaleString() + ' kcal/day'; resultsDiv.style.display = 'block'; resultsDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }

Leave a Comment