Vücut Kitle İndeksi (BMI) Hesaplama
Ham HTML
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vücut Kitle İndeksi (BMI) Hesaplama - Ücretsiz Araç</title>
<meta name="description" content="Boy ve kilonuzu girin; vücut kitle indeksinizi (BMI) ve kategorinizi (zayıf, normal, fazla kilolu, obez) anında öğrenin. %100 tarayıcıda çalışır, veri gönderilmez.">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="Vücut Kitle İndeksi (BMI) Hesaplama - Ücretsiz Araç">
<meta property="og:description" content="Boy ve kilonuzu girin; vücut kitle indeksinizi (BMI) ve kategorinizi anında öğrenin. %100 tarayıcıda çalışır, veri gönderilmez.">
<meta name="theme-color" content="#6366f1">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Vücut Kitle İndeksi (BMI) Hesaplama Aracı",
"description": "Boy ve kilo değerlerinden vücut kitle indeksini (BMI) hesaplayan ve Dünya Sağlık Örgütü kategorilerine göre yorumlayan ücretsiz online araç.",
"applicationCategory": "HealthApplication",
"operatingSystem": "Any",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "TRY" }
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Vücut kitle indeksi (BMI) nedir?",
"acceptedAnswer": { "@type": "Answer", "text": "Vücut kitle indeksi (Body Mass Index, BMI), bir kişinin kilosunun boyunun karesine bölünmesiyle elde edilen ve vücut ağırlığının boy ile orantısını gösteren basit bir sağlık göstergesidir." }
},
{
"@type": "Question",
"name": "BMI nasıl hesaplanır?",
"acceptedAnswer": { "@type": "Answer", "text": "BMI, kilogram cinsinden kilonun, metre cinsinden boyun karesine bölünmesiyle hesaplanır: BMI = Kilo (kg) / (Boy (m) x Boy (m)). Örneğin 70 kg ağırlığında ve 1.75 m boyunda bir kişinin BMI değeri yaklaşık 22.9'dur." }
},
{
"@type": "Question",
"name": "BMI değerleri ne anlama gelir?",
"acceptedAnswer": { "@type": "Answer", "text": "Dünya Sağlık Örgütü'nün genel kabul gören sınıflandırmasına göre 18.5'in altı zayıf, 18.5-24.9 arası normal kilolu, 25-29.9 arası fazla kilolu, 30 ve üzeri ise obez kategorisinde değerlendirilir." }
},
{
"@type": "Question",
"name": "BMI her beden tipi için güvenilir bir ölçüt müdür?",
"acceptedAnswer": { "@type": "Answer", "text": "BMI, kas kütlesi, yaş, cinsiyet ve vücut yapısı gibi faktörleri ayrı ayrı hesaba katmadığı için sporcularda veya kas kütlesi yüksek kişilerde yanıltıcı sonuçlar verebilir. Sağlığınızla ilgili kesin değerlendirme için bir sağlık uzmanına danışmanız önerilir." }
}
]
}
</script>
<style>
:root {
--bg:#f5f6fb; --surface:#fff; --surface-2:#f0f2f9; --border:#e3e6f0;
--text:#1d2033; --muted:#6b7089; --primary:#6366f1; --primary-600:#4f46e5;
--primary-soft:#eef0ff; --success:#10b981; --danger:#ef4444; --warning:#f59e0b;
--radius:16px; --shadow:0 10px 30px -12px rgba(30,35,90,.18);
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); line-height:1.55; }
.container { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
header.hero { text-align:center; padding: 28px 0 8px; }
header.hero h1 { font-size: clamp(1.5rem, 4vw, 2rem); margin: 0 0 8px; }
header.hero p { color: var(--muted); margin:0; font-size: 1rem; }
.trust-badge { display:inline-flex; align-items:center; gap:6px; background: var(--primary-soft); color: var(--primary-600); font-size: .8rem; font-weight:600; padding:6px 14px; border-radius:999px; margin-top:12px; }
.ad-slot { min-height: 0; }
.card { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin: 20px 0; }
.field { margin-bottom: 16px; }
.field label { display:block; font-size: .88rem; font-weight:600; margin-bottom:6px; color: var(--text); }
.field .hint { font-size:.78rem; color: var(--muted); margin-top:4px; }
input[type="text"] { width:100%; padding: 12px 14px; border: 1px solid var(--border); background: var(--surface-2); border-radius: 12px; font-size: 1rem; color: var(--text); outline:none; transition: border-color .15s, box-shadow .15s; }
input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; }
.btn { width:100%; padding: 14px 20px; border:none; border-radius: 12px; background: var(--primary); color:#fff; font-size: 1rem; font-weight:700; cursor:pointer; transition: background .15s, transform .05s; margin-top: 6px; }
.btn:hover { background: var(--primary-600); }
.btn:active { transform: scale(.99); }
.warning { display:none; background: #fff4e5; border: 1px solid var(--warning); color:#8a5a00; padding: 12px 14px; border-radius: 12px; font-size:.88rem; margin-top: 14px; }
.warning.show { display:block; }
.result { display:none; margin-top: 20px; border-top: 1px dashed var(--border); padding-top: 18px; }
.result.show { display:block; }
.result-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.result-item { background: var(--surface-2); border-radius: 12px; padding: 14px; text-align:center; }
.result-item .label { font-size:.78rem; color: var(--muted); margin-bottom:6px; }
.result-item .value { font-size: 1.15rem; font-weight:700; color: var(--text); }
.result-item.highlight .value { color: var(--primary-600); }
.result-item.success .value { color: var(--success); }
.result-item.warning-item .value { color: var(--warning); }
.result-item.danger .value { color: var(--danger); }
section.seo h2 { font-size: 1.25rem; margin: 28px 0 10px; }
section.seo p { color: var(--text); font-size: .96rem; }
details { background: var(--surface); border:1px solid var(--border); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; box-shadow: var(--shadow); }
summary { cursor:pointer; font-weight:600; font-size:.95rem; }
details p { margin: 10px 0 0; color: var(--muted); font-size:.9rem; }
@media (max-width:480px) { .card { padding:18px; } }
</style>
</head>
<body>
<div class="container">
<header class="hero">
<h1>Vücut Kitle İndeksi (BMI) Hesaplama Aracı</h1>
<p>Boyunuzu ve kilonuzu girin; vücut kitle indeksinizi ve kategorinizi anında görün.</p>
<span class="trust-badge">🔒 %100 Tarayıcıda — Veriniz Hiçbir Yere Gönderilmez</span>
</header>
<!-- [reklam:arac-header] -->
<div class="ad-slot"></div>
<main class="card">
<div class="grid">
<div class="field">
<label for="height">Boy (cm)</label>
<input type="text" inputmode="decimal" id="height" placeholder="Örn: 175">
</div>
<div class="field">
<label for="weight">Kilo (kg)</label>
<input type="text" inputmode="decimal" id="weight" placeholder="Örn: 70">
</div>
</div>
<button class="btn" onclick="hesaplaBMI()">Hesapla</button>
<div class="warning" id="warningBox"></div>
<div class="result" id="resultBox">
<div class="result-grid">
<div class="result-item highlight">
<div class="label">BMI Değeri</div>
<div class="value" id="resBMI">-</div>
</div>
<div class="result-item" id="resCatCard">
<div class="label">Kategori</div>
<div class="value" id="resCategory">-</div>
</div>
</div>
</div>
</main>
<!-- [reklam:arac-alt] -->
<div class="ad-slot"></div>
<section class="seo">
<h2>Vücut Kitle İndeksi (BMI) Nedir?</h2>
<p>Vücut kitle indeksi, kısaca BMI, bir kişinin kilosu ile boyu arasındaki ilişkiyi tek bir sayıya indirgeyen ve genel vücut ağırlığı durumunu değerlendirmek için dünya genelinde yaygın olarak kullanılan basit bir göstergedir. Dünya Sağlık Örgütü başta olmak üzere birçok sağlık kuruluşu, BMI değerini zayıflık, normal kilo, fazla kilo ve obezite gibi kategorilere ayırarak bireylerin kilo durumu hakkında hızlı bir ön değerlendirme yapılmasını sağlar. Ancak BMI, kas kütlesi, yağ dağılımı veya vücut yapısı gibi detayları hesaba katmadığından, tek başına kesin bir sağlık teşhisi aracı olarak değil, genel bir gösterge olarak değerlendirilmelidir.</p>
<h2>Nasıl Kullanılır?</h2>
<p>Aracı kullanmak için santimetre cinsinden boyunuzu "Boy" alanına, kilogram cinsinden kilonuzu "Kilo" alanına girmeniz yeterlidir. "Hesapla" butonuna bastığınızda araç, standart BMI formülünü kullanarak değerinizi hesaplar ve bu değerin hangi kategoriye (zayıf, normal, fazla kilolu veya obez) karşılık geldiğini gösterir. Sonuçlarınızı zaman içinde takip etmek veya farklı senaryoları karşılaştırmak için değerleri değiştirip tekrar hesaplayabilirsiniz. Tüm işlem tarayıcınızda gerçekleşir, girdiğiniz boy ve kilo bilgileri hiçbir şekilde kaydedilmez veya herhangi bir sunucuya gönderilmez.</p>
<h2>Sıkça Sorulan Sorular</h2>
<details>
<summary>Vücut kitle indeksi (BMI) nedir?</summary>
<p>Vücut kitle indeksi (Body Mass Index, BMI), bir kişinin kilosunun boyunun karesine bölünmesiyle elde edilen ve vücut ağırlığının boy ile orantısını gösteren basit bir sağlık göstergesidir.</p>
</details>
<details>
<summary>BMI nasıl hesaplanır?</summary>
<p>BMI, kilogram cinsinden kilonun, metre cinsinden boyun karesine bölünmesiyle hesaplanır: BMI = Kilo (kg) / (Boy (m) x Boy (m)). Örneğin 70 kg ağırlığında ve 1.75 m boyunda bir kişinin BMI değeri yaklaşık 22.9'dur.</p>
</details>
<details>
<summary>BMI değerleri ne anlama gelir?</summary>
<p>Dünya Sağlık Örgütü'nün genel kabul gören sınıflandırmasına göre 18.5'in altı zayıf, 18.5-24.9 arası normal kilolu, 25-29.9 arası fazla kilolu, 30 ve üzeri ise obez kategorisinde değerlendirilir.</p>
</details>
<details>
<summary>BMI her beden tipi için güvenilir bir ölçüt müdür?</summary>
<p>BMI, kas kütlesi, yaş, cinsiyet ve vücut yapısı gibi faktörleri ayrı ayrı hesaba katmadığı için sporcularda veya kas kütlesi yüksek kişilerde yanıltıcı sonuçlar verebilir. Sağlığınızla ilgili kesin değerlendirme için bir sağlık uzmanına danışmanız önerilir.</p>
</details>
</section>
</div>
<script>
function showWarning(msg) {
var box = document.getElementById("warningBox");
box.textContent = msg;
box.classList.add("show");
document.getElementById("resultBox").classList.remove("show");
}
function clearWarning() {
var box = document.getElementById("warningBox");
box.textContent = "";
box.classList.remove("show");
}
function hesaplaBMI() {
clearWarning();
var heightCm = parseFloat(document.getElementById("height").value.replace(",", "."));
var weight = parseFloat(document.getElementById("weight").value.replace(",", "."));
if (isNaN(heightCm) || heightCm <= 0 || heightCm > 300) {
showWarning("Lütfen geçerli bir boy değeri girin (santimetre cinsinden, 0-300 arası).");
return;
}
if (isNaN(weight) || weight <= 0 || weight > 500) {
showWarning("Lütfen geçerli bir kilo değeri girin (kilogram cinsinden, 0-500 arası).");
return;
}
var heightM = heightCm / 100;
var bmi = weight / (heightM * heightM);
document.getElementById("resBMI").textContent = bmi.toFixed(1);
var catCard = document.getElementById("resCatCard");
var catEl = document.getElementById("resCategory");
catCard.classList.remove("success", "warning-item", "danger");
var category;
if (bmi < 18.5) {
category = "Zayıf";
catCard.classList.add("warning-item");
} else if (bmi < 25) {
category = "Normal";
catCard.classList.add("success");
} else if (bmi < 30) {
category = "Fazla Kilolu";
catCard.classList.add("warning-item");
} else {
category = "Obez";
catCard.classList.add("danger");
}
catEl.textContent = category;
document.getElementById("resultBox").classList.add("show");
}
</script>
</body>
</html>
Kategori
Günlük Yaşam Araçları
MMUTLU.CMS
Kurumsal web siteleri için içerik yönetim sistemi.
© 2026 Mutlu DoğruBu site MUTLU.CMS ile yayınlanmaktadır.