Birim Çevirici
Ham HTML
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Birim Çevirici - Uzunluk, Ağırlık ve Hacim Dönüştürücü</title>
<meta name="description" content="Uzunluk, ağırlık ve hacim birimleri arasında anında dönüşüm yapın. Metre, kilometre, kilogram, litre, inç, galon ve daha fazlası. %100 tarayıcıda çalışır.">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="Birim Çevirici - Uzunluk, Ağırlık ve Hacim Dönüştürücü">
<meta property="og:description" content="Uzunluk, ağırlık ve hacim birimleri arasında anında dönüşüm yapın. %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": "Birim Çevirici",
"description": "Uzunluk (mm, cm, m, km, inç, feet, mil), ağırlık (mg, g, kg, ton, ons, pound) ve hacim (ml, litre, m3, galon, pint) birimleri arasında dönüşüm yapan ücretsiz online araç.",
"applicationCategory": "UtilitiesApplication",
"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": "Bu birim çevirici hangi birim türlerini destekler?",
"acceptedAnswer": { "@type": "Answer", "text": "Araç üç kategori destekler: uzunluk (milimetre, santimetre, metre, kilometre, inç, feet, yard, mil), ağırlık (miligram, gram, kilogram, ton, ons, pound) ve hacim (mililitre, litre, metreküp, galon, pint, fluid ons)." }
},
{
"@type": "Question",
"name": "Metrik ve emperyal (İngiliz) birimler arasında nasıl çeviri yapılır?",
"acceptedAnswer": { "@type": "Answer", "text": "Her birim, kendi kategorisinin temel metrik birimine (uzunlukta metre, ağırlıkta kilogram, hacimde litre) sabit bir çarpanla dönüştürülür. İki birim arasında çeviri yapılırken önce değer bu ortak temel birime çevrilir, ardından hedef birime dönüştürülür." }
},
{
"@type": "Question",
"name": "1 mil kaç kilometredir?",
"acceptedAnswer": { "@type": "Answer", "text": "1 mil (mile), yaklaşık 1.609 kilometreye eşittir. Bu araçta uzunluk kategorisini seçip \"mil\" biriminden \"km\" birimine çeviri yaparak bu ve benzeri dönüşümleri kolayca hesaplayabilirsiniz." }
},
{
"@type": "Question",
"name": "1 galon kaç litredir?",
"acceptedAnswer": { "@type": "Answer", "text": "1 ABD galonu (US gallon), yaklaşık 3.785 litreye eşittir. Bu araçta hacim kategorisini seçip \"galon\" biriminden \"litre\" birimine çeviri yaparak bu değeri anında görebilirsiniz." }
}
]
}
</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); }
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; }
.swap-row { display:flex; align-items:center; gap: 10px; }
.swap-row > div { flex:1; }
.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-item { background: var(--surface-2); border-radius: 12px; padding: 18px; text-align:center; }
.result-item .label { font-size:.78rem; color: var(--muted); margin-bottom:6px; }
.result-item .value { font-size: 1.4rem; font-weight:700; 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>Birim Çevirici</h1>
<p>Uzunluk, ağırlık veya hacim birimleri arasında anında dönüşüm yapı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="categorySelect">Kategori</label>
<select id="categorySelect" onchange="populateUnits()">
<option value="length">Uzunluk</option>
<option value="weight">Ağırlık</option>
<option value="volume">Hacim</option>
</select>
</div>
<div class="field">
<label for="amount">Değer</label>
<input type="text" inputmode="decimal" id="amount" placeholder="Örn: 100">
</div>
<div class="swap-row">
<div class="field">
<label for="fromUnit">Birimden</label>
<select id="fromUnit"></select>
</div>
<div class="field">
<label for="toUnit">Birime</label>
<select id="toUnit"></select>
</div>
</div>
<button class="btn" onclick="hesaplaCevir()">Hesapla</button>
<div class="warning" id="warningBox"></div>
<div class="result" id="resultBox">
<div class="result-item">
<div class="label" id="resLabel">Sonuç</div>
<div class="value" id="resValue">-</div>
</div>
</div>
</main>
<!-- [reklam:arac-alt] -->
<div class="ad-slot"></div>
<section class="seo">
<h2>Birim Çevirici Nedir?</h2>
<p>Birim çevirici, günlük hayatta, eğitimde ve iş hayatında sıkça karşılaşılan uzunluk, ağırlık ve hacim birimleri arasında hızlı ve doğru dönüşüm yapmayı sağlayan pratik bir araçtır. Türkiye'de yaygın olarak kullanılan metrik sistem (metre, kilogram, litre) ile özellikle İngilizce kaynaklı ürünlerde, tariflerde veya teknik dokümanlarda karşılaşılan emperyal birimler (inç, feet, pound, galon) arasında elle çeviri yapmak hem zaman alır hem de hata riski taşır. Bu araç, üç farklı birim kategorisinde onlarca birim arasında anında ve hatasız dönüşüm yapmanızı sağlar.</p>
<h2>Nasıl Kullanılır?</h2>
<p>Öncelikle dönüşüm yapmak istediğiniz birim türünü "Kategori" menüsünden seçin: Uzunluk, Ağırlık veya Hacim. Ardından dönüştürmek istediğiniz sayısal değeri "Değer" alanına girin, "Birimden" menüsünden mevcut biriminizi, "Birime" menüsünden ise dönüştürmek istediğiniz hedef birimi seçin. "Hesapla" butonuna bastığınızda araç, sonucu anında hesaplayıp gösterir. Kategori değiştirdiğinizde birim listeleri otomatik olarak güncellenir. Tüm hesaplama tarayıcınızda yapılır, girdiğiniz hiçbir değer kaydedilmez veya herhangi bir sunucuya gönderilmez.</p>
<h2>Sıkça Sorulan Sorular</h2>
<details>
<summary>Bu birim çevirici hangi birim türlerini destekler?</summary>
<p>Araç üç kategori destekler: uzunluk (milimetre, santimetre, metre, kilometre, inç, feet, yard, mil), ağırlık (miligram, gram, kilogram, ton, ons, pound) ve hacim (mililitre, litre, metreküp, galon, pint, fluid ons).</p>
</details>
<details>
<summary>Metrik ve emperyal (İngiliz) birimler arasında nasıl çeviri yapılır?</summary>
<p>Her birim, kendi kategorisinin temel metrik birimine (uzunlukta metre, ağırlıkta kilogram, hacimde litre) sabit bir çarpanla dönüştürülür. İki birim arasında çeviri yapılırken önce değer bu ortak temel birime çevrilir, ardından hedef birime dönüştürülür.</p>
</details>
<details>
<summary>1 mil kaç kilometredir?</summary>
<p>1 mil (mile), yaklaşık 1.609 kilometreye eşittir. Bu araçta uzunluk kategorisini seçip "mil" biriminden "km" birimine çeviri yaparak bu ve benzeri dönüşümleri kolayca hesaplayabilirsiniz.</p>
</details>
<details>
<summary>1 galon kaç litredir?</summary>
<p>1 ABD galonu (US gallon), yaklaşık 3.785 litreye eşittir. Bu araçta hacim kategorisini seçip "galon" biriminden "litre" birimine çeviri yaparak bu değeri anında görebilirsiniz.</p>
</details>
</section>
</div>
<script>
var UNITS = {
length: [
{ key: "mm", label: "Milimetre (mm)", factor: 0.001 },
{ key: "cm", label: "Santimetre (cm)", factor: 0.01 },
{ key: "m", label: "Metre (m)", factor: 1 },
{ key: "km", label: "Kilometre (km)", factor: 1000 },
{ key: "inch", label: "İnç (in)", factor: 0.0254 },
{ key: "feet", label: "Feet (ft)", factor: 0.3048 },
{ key: "yard", label: "Yard (yd)", factor: 0.9144 },
{ key: "mile", label: "Mil (mi)", factor: 1609.344 }
],
weight: [
{ key: "mg", label: "Miligram (mg)", factor: 0.000001 },
{ key: "g", label: "Gram (g)", factor: 0.001 },
{ key: "kg", label: "Kilogram (kg)", factor: 1 },
{ key: "ton", label: "Ton (t)", factor: 1000 },
{ key: "oz", label: "Ons (oz)", factor: 0.0283495 },
{ key: "lb", label: "Pound (lb)", factor: 0.453592 }
],
volume: [
{ key: "ml", label: "Mililitre (ml)", factor: 0.001 },
{ key: "l", label: "Litre (L)", factor: 1 },
{ key: "m3", label: "Metreküp (m³)", factor: 1000 },
{ key: "gal", label: "Galon (US gal)", factor: 3.78541 },
{ key: "pint", label: "Pint (US pt)", factor: 0.473176 },
{ key: "floz", label: "Fluid Ons (fl oz)", factor: 0.0295735 }
]
};
function populateUnits() {
var category = document.getElementById("categorySelect").value;
var units = UNITS[category];
var fromSelect = document.getElementById("fromUnit");
var toSelect = document.getElementById("toUnit");
fromSelect.innerHTML = "";
toSelect.innerHTML = "";
for (var i = 0; i < units.length; i++) {
var opt1 = document.createElement("option");
opt1.value = units[i].key;
opt1.textContent = units[i].label;
fromSelect.appendChild(opt1);
var opt2 = document.createElement("option");
opt2.value = units[i].key;
opt2.textContent = units[i].label;
toSelect.appendChild(opt2);
}
if (units.length > 1) {
toSelect.selectedIndex = 1;
}
clearWarning();
document.getElementById("resultBox").classList.remove("show");
}
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 roundNice(value) {
var rounded = Math.round(value * 1000000) / 1000000;
return rounded.toString();
}
function hesaplaCevir() {
clearWarning();
var amount = parseFloat(document.getElementById("amount").value.replace(",", "."));
if (isNaN(amount)) {
showWarning("Lütfen geçerli bir sayısal değer girin.");
return;
}
var category = document.getElementById("categorySelect").value;
var units = UNITS[category];
var fromKey = document.getElementById("fromUnit").value;
var toKey = document.getElementById("toUnit").value;
var fromUnit = null, toUnit = null;
for (var i = 0; i < units.length; i++) {
if (units[i].key === fromKey) fromUnit = units[i];
if (units[i].key === toKey) toUnit = units[i];
}
var baseValue = amount * fromUnit.factor;
var result = baseValue / toUnit.factor;
document.getElementById("resLabel").textContent = amount + " " + fromUnit.label + " =";
document.getElementById("resValue").textContent = roundNice(result) + " " + toUnit.label;
document.getElementById("resultBox").classList.add("show");
}
populateUnits();
</script>
</body>
</html>
Kategori
Eğitim ve Matematik 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.