Ham HTML
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KDV Hesaplama - Dahil/Hariç Tutar Hesaplayıcı</title>
<meta name="description" content="Tutarınızı ve KDV oranını girin; KDV tutarını, KDV dahil veya KDV hariç fiyatı anında hesaplayın. %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="KDV Hesaplama - Dahil/Hariç Tutar Hesaplayıcı">
<meta property="og:description" content="Tutarınızı ve KDV oranını girin; KDV tutarını, KDV dahil veya KDV hariç fiyatı anında hesaplayın. %100 tarayıcıda çalışır.">
<meta name="theme-color" content="#6366f1">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "KDV Hesaplama Aracı",
"description": "KDV hariç bir tutardan KDV dahil tutarı, veya KDV dahil bir tutardan KDV hariç tutarı ve KDV miktarını hesaplayan ücretsiz online araç.",
"applicationCategory": "FinanceApplication",
"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": "KDV nedir?",
"acceptedAnswer": { "@type": "Answer", "text": "KDV (Katma Değer Vergisi), mal ve hizmetlerin üretiminden nihai tüketiciye ulaşana kadar her aşamada yaratılan katma değer üzerinden alınan dolaylı bir vergidir. Türkiye'de satılan ürün ve hizmetlerin fiyatlarına genellikle dahil edilir." }
},
{
"@type": "Question",
"name": "KDV dahil tutardan KDV hariç tutar nasıl bulunur?",
"acceptedAnswer": { "@type": "Answer", "text": "KDV dahil tutarı (1 + KDV oranı/100) değerine bölerek KDV hariç tutarı bulabilirsiniz. Örneğin %20 KDV dahil 120 TL'lik bir ürünün KDV hariç fiyatı, 120 / 1.20 = 100 TL'dir." }
},
{
"@type": "Question",
"name": "Türkiye'de güncel KDV oranları nelerdir?",
"acceptedAnswer": { "@type": "Answer", "text": "Türkiye'de genel KDV oranı %20'dir. Bazı temel gıda ve tekstil ürünlerinde %10, temel gıda maddeleri ile kitap gibi bazı ürünlerde ise %1 gibi indirimli oranlar uygulanabilir. Güncel oranlar için Gelir İdaresi Başkanlığı duyurularını kontrol etmeniz önerilir." }
},
{
"@type": "Question",
"name": "KDV tutarı nasıl hesaplanır?",
"acceptedAnswer": { "@type": "Answer", "text": "KDV hariç bir tutardan KDV tutarını bulmak için tutarı KDV oranıyla çarpıp 100'e bölersiniz: KDV Tutarı = Tutar x Oran / 100. KDV dahil bir tutardan KDV tutarını bulmak için ise önce KDV hariç tutarı hesaplayıp, dahil tutardan bu değeri çıkarmanız gerekir." }
}
]
}
</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; }
select, 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; font-family:inherit; }
select:focus, 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); }
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>KDV Hesaplama Aracı</h1>
<p>Tutarınızı ve KDV oranını girin; KDV tutarını, dahil ve hariç fiyatı 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="field">
<label for="modeSelect">Girdiğiniz Tutar</label>
<select id="modeSelect">
<option value="excl">KDV Hariç Tutar</option>
<option value="incl">KDV Dahil Tutar</option>
</select>
</div>
<div class="grid">
<div class="field">
<label for="amount">Tutar (₺)</label>
<input type="text" inputmode="decimal" id="amount" placeholder="Örn: 1000">
</div>
<div class="field">
<label for="vatRate">KDV Oranı (%)</label>
<input type="text" inputmode="decimal" id="vatRate" placeholder="Örn: 20">
<div class="hint">Türkiye'de yaygın oranlar: %1, %10, %20</div>
</div>
</div>
<button class="btn" onclick="hesaplaKDV()">Hesapla</button>
<div class="warning" id="warningBox"></div>
<div class="result" id="resultBox">
<div class="result-grid">
<div class="result-item">
<div class="label">KDV Hariç Tutar</div>
<div class="value" id="resExcl">-</div>
</div>
<div class="result-item highlight">
<div class="label">KDV Tutarı</div>
<div class="value" id="resVat">-</div>
</div>
<div class="result-item">
<div class="label">KDV Dahil Tutar</div>
<div class="value" id="resIncl">-</div>
</div>
</div>
</div>
</main>
<!-- [reklam:arac-alt] -->
<div class="ad-slot"></div>
<section class="seo">
<h2>KDV Hesaplama Nedir?</h2>
<p>KDV hesaplama, bir mal veya hizmetin fiyatına eklenen Katma Değer Vergisi tutarını, KDV dahil veya KDV hariç fiyatı bulmak amacıyla yapılan temel bir finansal işlemdir. İşletmeler fatura kesme, fiyat etiketleme ve muhasebe kayıtları için, bireyler ise aldıkları ürün veya hizmetin vergisiz fiyatını öğrenmek için bu hesaplamaya sık sık ihtiyaç duyar. Türkiye'de ürün ve hizmetlere göre değişen %1, %10 ve %20 gibi farklı KDV oranları uygulanır; bu nedenle doğru oranı bilerek hesaplama yapmak önemlidir.</p>
<h2>Nasıl Kullanılır?</h2>
<p>Öncelikle elinizdeki tutarın KDV hariç mi yoksa KDV dahil mi olduğunu "Girdiğiniz Tutar" menüsünden seçin. Ardından tutarı "Tutar" alanına, uygulanacak KDV oranını yüzde olarak "KDV Oranı" alanına girin. "Hesapla" butonuna bastığınızda araç size üç değeri birden gösterir: KDV hariç tutar, KDV tutarı ve KDV dahil tutar. Böylece hangi değeri girdiğinizden bağımsız olarak diğer iki değeri de aynı anda görebilirsiniz. Tüm hesaplama tarayıcınızda yapılır, girdiğiniz hiçbir tutar bilgisi kaydedilmez veya herhangi bir sunucuya gönderilmez.</p>
<h2>Sıkça Sorulan Sorular</h2>
<details>
<summary>KDV nedir?</summary>
<p>KDV (Katma Değer Vergisi), mal ve hizmetlerin üretiminden nihai tüketiciye ulaşana kadar her aşamada yaratılan katma değer üzerinden alınan dolaylı bir vergidir. Türkiye'de satılan ürün ve hizmetlerin fiyatlarına genellikle dahil edilir.</p>
</details>
<details>
<summary>KDV dahil tutardan KDV hariç tutar nasıl bulunur?</summary>
<p>KDV dahil tutarı (1 + KDV oranı/100) değerine bölerek KDV hariç tutarı bulabilirsiniz. Örneğin %20 KDV dahil 120 TL'lik bir ürünün KDV hariç fiyatı, 120 / 1.20 = 100 TL'dir.</p>
</details>
<details>
<summary>Türkiye'de güncel KDV oranları nelerdir?</summary>
<p>Türkiye'de genel KDV oranı %20'dir. Bazı temel gıda ve tekstil ürünlerinde %10, temel gıda maddeleri ile kitap gibi bazı ürünlerde ise %1 gibi indirimli oranlar uygulanabilir. Güncel oranlar için Gelir İdaresi Başkanlığı duyurularını kontrol etmeniz önerilir.</p>
</details>
<details>
<summary>KDV tutarı nasıl hesaplanır?</summary>
<p>KDV hariç bir tutardan KDV tutarını bulmak için tutarı KDV oranıyla çarpıp 100'e bölersiniz: KDV Tutarı = Tutar x Oran / 100. KDV dahil bir tutardan KDV tutarını bulmak için ise önce KDV hariç tutarı hesaplayıp, dahil tutardan bu değeri çıkarmanız gerekir.</p>
</details>
</section>
</div>
<script>
function formatCurrency(value) {
try {
return new Intl.NumberFormat("tr-TR", { style: "currency", currency: "TRY", minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(value);
} catch (e) {
return value.toFixed(2) + " ₺";
}
}
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 hesaplaKDV() {
clearWarning();
var mode = document.getElementById("modeSelect").value;
var amount = parseFloat(document.getElementById("amount").value.replace(",", "."));
var rate = parseFloat(document.getElementById("vatRate").value.replace(",", "."));
if (isNaN(amount) || amount <= 0) {
showWarning("Lütfen geçerli bir tutar girin (0'dan büyük olmalı).");
return;
}
if (isNaN(rate) || rate < 0) {
showWarning("Lütfen geçerli bir KDV oranı girin (negatif olamaz).");
return;
}
var exclAmount, vatAmount, inclAmount;
if (mode === "excl") {
exclAmount = amount;
vatAmount = amount * (rate / 100);
inclAmount = exclAmount + vatAmount;
} else {
inclAmount = amount;
exclAmount = amount / (1 + rate / 100);
vatAmount = inclAmount - exclAmount;
}
document.getElementById("resExcl").textContent = formatCurrency(exclAmount);
document.getElementById("resVat").textContent = formatCurrency(vatAmount);
document.getElementById("resIncl").textContent = formatCurrency(inclAmount);
document.getElementById("resultBox").classList.add("show");
}
</script>
</body>
</html>