.. cím: Alhálózati kalkulátor
.. slug: network-calc
.. dátum: 2025-12-26 15:00:00 UTC
.. címkék: hálózatépítés, számológép, eszköz
.. kategória: Számológépek
.. link:
.. leírás: IPv4 alhálózati számológép, amely megmutatja a hálózati címet, a szórást, a használható gazdagépeket, a helyettesítő karakteres maszkot és a bináris fájlt. Elengedhetetlen a hálózattervezéshez, az ACL-íráshoz és az útvonal-összegzéshez.
.. típusa: szöveg
<style>
    .subnet-calc-container {
        max-width: 1000px;
        margin: 20px auto;
        padding: 20px;
    }

    .calc-header {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
    }

    .calc-header h2 {
        margin-top: 0;
        color: white;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .calc-header p {
        margin: 10px 0 20px 0;
        opacity: 0.95;
        font-size: 15px;
    }

    .input-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-bottom: 20px;
    }

    .input-group {
        display: flex;
        flex-direction: column;
    }

    .input-group label {
        font-weight: bold;
        color: white;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .input-group input,
    .input-group select {
        padding: 14px;
        font-size: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        font-family: 'Courier New', monospace;
        background: rgba(255,255,255,0.95);
        transition: all 0.3s ease;
    }

    .input-group input:focus,
    .input-group select:focus {
        outline: none;
        border-color: #4CAF50;
        background: white;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

    .calc-button {
        padding: 14px 35px;
        font-size: 16px;
        background: #4CAF50;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        width: 100%;
        margin-top: 15px;
    }

    .calc-button:hover {
        background: #45a049;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    .calc-button:active {
        background: #3d8b40;
        transform: translateY(0);
    }

    .error-message {
        background: #ffebee;
        color: #c62828;
        padding: 15px 20px;
        border-radius: 8px;
        border-left: 4px solid #c62828;
        margin: 20px 0;
        display: none;
    }

    .error-message.show {
        display: block;
    }

    .results {
        margin-top: 30px;
    }

    .result-section {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 15px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
    }

    .result-section:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .section-header {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        padding: 15px 20px;
        font-weight: bold;
        font-size: 18px;
    }

    .section-content {
        padding: 20px;
        background: #fafafa;
    }

    .data-row {
        display: flex;
        margin: 12px 0;
        padding: 10px;
        background: white;
        border-radius: 4px;
        border-left: 3px solid #4CAF50;
    }

    .data-label {
        font-weight: bold;
        color: #555;
        min-width: 200px;
        flex-shrink: 0;
    }

    .data-value {
        color: #333;
        font-family: 'Courier New', monospace;
        word-break: break-word;
        flex: 1;
    }

    .description-section {
        margin-top: 30px;
        padding: 20px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        border-top: 3px solid #4CAF50;
    }

    .description-section h3 {
        color: #4CAF50;
        margin-top: 0;
    }

    .description-section p {
        line-height: 1.6;
        color: #555;
        margin-bottom: 15px;
    }

    .description-section a {
        color: #2196F3;
        text-decoration: none;
    }

    .description-section a:hover {
        text-decoration: underline;
    }

    @media (max-width: 768px) {
        .input-section {
            grid-template-columns: 1fr;
        }

        .data-row {
            flex-direction: column;
        }

        .data-label {
            margin-bottom: 5px;
            min-width: auto;
        }
    }
</style>
<div class="subnet-calc-container">
<div class="calc-header">
<h2>Alhálózati kalkulátor</h2>
<p>Hálózat tervezése, telepítése vagy hibaelhárítása során az alhálózati számológép segítségével gyorsan ellenőrizheti az alhálózat méretét, a helyettesítő karakteres maszkot és a címtartományt.</p>
<form id="subnetform">
<div class="input-section">
<div class="input-group">
<label for="ipaddress">IP cím:</label>
<input autocomplete="off" id="ipaddress" type="text" value="192.168.0.1"/>
</div>
<div class="input-group">
<label for="subnetmask">Alhálózati maszk:</label>
<select id="subnetmask">
<option value="255.0.0.0">255.0.0.0 (/8)</option>
<option value="255.128.0.0">255.128.0.0 (/9)</option>
<option value="255.192.0.0">255.192.0.0 (/10)</option>
<option value="255.224.0.0">255.224.0.0 (/11)</option>
<option value="255.240.0.0">255.240.0.0 (/12)</option>
<option value="255.248.0.0">255.248.0.0 (/13)</option>
<option value="255.252.0.0">255.252.0.0 (/14)</option>
<option value="255.254.0.0">255.254.0.0 (/15)</option>
<option value="255.255.0.0">255.255.0.0 (/16)</option>
<option value="255.255.128.0">255.255.128.0 (/17)</option>
<option value="255.255.192.0">255.255.192.0 (/18)</option>
<option value="255.255.224.0">255.255.224.0 (/19)</option>
<option value="255.255.240.0">255.255.240.0 (/20)</option>
<option value="255.255.248.0">255.255.248.0 (/21)</option>
<option value="255.255.252.0">255.255.252.0 (/22)</option>
<option value="255.255.254.0">255.255.254.0 (/23)</option>
<option value="255.255.255.0">255.255.255.0 (/24)</option>
<option value="255.255.255.128">255.255.255.128 (/25)</option>
<option value="255.255.255.192">255.255.255.192 (/26)</option>
<option value="255.255.255.224">255.255.255.224 (/27)</option>
<option value="255.255.255.240">255.255.255.240 (/28)</option>
<option value="255.255.255.248">255.255.255.248 (/29)</option>
<option value="255.255.255.252">255.255.255.252 (/30)</option>
<option value="255.255.255.254">255.255.255.254 (/31)</option>
<option value="255.255.255.255">255.255.255.255 (/32)</option>
</select>
</div>
</div>
<button class="calc-button" type="submit">Számítsa ki</button>
</form>
</div>
<div class="error-message" id="errorBox"></div>
<div class="results">
<div class="result-section">
<div class="section-header">Alhálózati eredmények</div>
<div class="section-content">
<div class="data-row">
<div class="data-label">CIDR jelölés:</div>
<div class="data-value" id="cidrResult">-</div>
</div>
<div class="data-row">
<div class="data-label">Helyettesítő maszk:</div>
<div class="data-value" id="wildcardmaskResult">-</div>
</div>
<div class="data-row">
<div class="data-label">Gazdagépek alhálózatonként:</div>
<div class="data-value" id="hostspersubnetResult">-</div>
</div>
<div class="data-row">
<div class="data-label">Alhálózati cím:</div>
<div class="data-value" id="subnetaddressResult">-</div>
</div>
<div class="data-row">
<div class="data-label">Gazdagép címtartománya:</div>
<div class="data-value">
<span id="hostrangeminResult">-</span> — <span id="hostrangemaxResult">-</span>
</div>
</div>
<div class="data-row">
<div class="data-label">Adás címe:</div>
<div class="data-value" id="broadcastaddressResult">-</div>
</div>
</div>
</div>
</div>
<div class="description-section">
<h3>Leírás</h3>
<p><strong>CIDR</strong>az osztály nélküli tartományok közötti útválasztást jelenti. A CIDR létrehozása előtt<a href="https://tools.ietf.org/html/rfc1518">RFC 1518</a>és<a href="https://tools.ietf.org/html/rfc1519">RFC 1519</a>, osztályos tartományok, ahol hálózati létrehozáshoz használják. Az osztályos alhálózatok meghatározása:<a href="https://tools.ietf.org/html/rfc791">RFC 791</a>. Öt osztályt határoztak meg: A, B, C, D és E osztályt. Az A osztály 0.0.0.0-tól kezdődik és 127.255.255.255-ig tart, és /8 vagy 255.0.0.0 alhálózatokra oszlik. A B osztály 128.0.0.0-tól kezdődik és 191.255.255.255-ig tart, és a /16-ra vagy a 255.255.0.0-ra tagolódik. A C osztály a 192.0.0.0-tól kezdődik és a 223.255.255.255-ig tart, és a /24 vagy 255.255.255.0 részre oszlik. A D osztály 224.0.0.0-tól kezdődik és 239.255.255.255-ig tart, és csoportos küldéshez használják. Az E osztály 240.0.0.0-tól kezdődik és 255.255.255.255-ig tart, és kísérleti használatra használják. A CIDR bevezetésekor lehetővé tette a nagyobb A osztályú hálózatok kisebb részekre bontását. Hasonlóképpen a kisebb alhálózatok, például a C osztály kombinálhatók egy nagyobb alhálózat kialakítására. Például a 2/24 alhálózat 1/23-at tesz ki.</p>
<p><strong>Helyettesítő maszk</strong>alapvetően egy fordított alhálózati maszk. A helyettesítő karakteres maszkok hasznosak az útválasztási protokollok konfigurálásakor, mivel a helyettesítő karakteres maszkot gyakran használják az útvonalutasításokban annak meghatározására, hogy melyik alhálózatot kell vagy nem kell irányítani.</p>
<p><strong>Gazdagépek alhálózatonként</strong>a használható címek száma egy hatókörön belül. Az alhálózati cím és a szórási cím nem címezhető, és nem szerepelhet a rendszer hálózati interfészkártyáján. Mivel a /31-nek csak alhálózati címe és szórási címe van, ezt az alhálózatot nagyon ritkán használják. Vannak azonban olyan esetek, amikor a /31 használható hozzáférés-vezérlési lista írásakor, hogy engedélyezze vagy korlátozza ezt a két címet, ahelyett, hogy két ACL-bejegyzés lenne.</p>
<p><strong>Alhálózati cím</strong>alapvetően az alhálózat neve. Ez az az alhálózat, amelyhez az alhálózaton lévő összes számítógép hozzá van rendelve.</p>
<p><strong>Gazdagép címtartománya</strong>az alhálózaton belüli címezhető címek tartománya. Ezeket a címeket kell hozzárendelni a 3. rétegbeli elemekhez.</p>
<p><strong>Műsorszórási cím</strong>az alhálózat végső címe, és bizonyos protokollok, például az ARP használják arra, hogy információkat kérjenek az alhálózat összes többi rendszerétől. Amikor egy üzenetszórásos csomag belép a hálózatba, azt a szórási címhez kell címezni, és minden kapcsoló, hub vagy híd továbbítja a szórási üzenetet az összes rendszernek.</p>
</div>
</div>
<script>
// ---- ADDRESS HELPER FUNCTIONS ----
function parseIpAddressDigets(ipAddress) {
	if (/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(ipAddress)) {
		var addressDigits = ipAddress.split('.').map(function (segment) {
			return parseInt(segment, 10);
		});
		var hasToBig = addressDigits.find(function (number) {
			return number > 255;
		});
		if (!hasToBig) {
			return addressDigits;
		}
	}
	return false;
}
function addressDigitsToIp(addressDigits) {
	return addressDigits.join('.');
}

function addressDigitsToInt32(addressDigits) {
	// Take each number and left shift into position
	// #1#.#2#.#3#.#4#
	//  #1# 00000000 00000000 00000000
	// +         #2# 00000000 00000000
	// +                  #3# 00000000
	// +                           #4#
	var int32Address = (addressDigits[0] << 24) | (addressDigits[1] << 16) | (addressDigits[2] << 8) | (addressDigits[3]);
	// FYI >>> 0 ensures the value is treated as 'unsigned' aka uInt32
	return int32Address >>> 0;
}
function int32ToAddressDigits(int32Address) {
	return [
		int32Address >>> 24,
		int32Address >>> 16 & 255,
		int32Address >>> 8 & 255,
		int32Address & 255
	];
}

function countMaskBits(int32Address) {
	// Invert mask
	// from: 11111111 11111111 11111111 00000000
	//   to: 00000000 00000000 00000000 11111111
	var mask = ~int32Address;
	// and calculate power of 2^x (aka 255=2^8 which is 8 bits)
	var numBits = Math.round(Math.log(mask)/Math.log(2));
	// invert back (aka 32bits - 8bits = 24bit mask)
	return 32 - numBits;
}

function ipAddressToInt32(ipAddress) {
	return addressDigitsToInt32(parseIpAddressDigets(ipAddress));
}
function int32ToIpAddress(int32Address) {
	return addressDigitsToIp(int32ToAddressDigits(int32Address));
}
function maskIsValid(int32Address) {
	// TODO: use binary check rather than string check
	var binaryString = int32Address.toString(2);
	return binaryString.lastIndexOf('1') === (binaryString.indexOf('0') - 1)
}

function generateSubnetDetail(ipAddress, subNetMask) {
	var decimalIp = ipAddressToInt32(ipAddress);
	if (!decimalIp) {
		throw new Error('Invalid IP Address');
	}
	var decimalSub =ipAddressToInt32(subNetMask);
	// FIXME: validate mask is continuous 1's then 0's
	if (!decimalSub) {
		throw new Error('Invalid Subnet Mask');
	}
	if (!maskIsValid(decimalSub)) {
		throw new Error('Subnet Mask Is Not Contiguous');
	}

	// FIXME - I doubt this is exaclty right
	var subnetAddressInt = decimalIp & decimalSub;
	var broadcastAddressInt = decimalIp | ~decimalSub;
	var numMaskBits = countMaskBits(decimalSub);

	var info = {
		cidr: ipAddress + '/' + numMaskBits,
		subNetMask: subNetMask,
		wildcardMask: int32ToIpAddress(~decimalSub),
		maskBits: numMaskBits,
		numHostsPerSubnet: ~decimalSub - 1,
		subnetAddress: int32ToIpAddress(subnetAddressInt),
		minHostAddress: int32ToIpAddress(subnetAddressInt | 1),
		maxHostAddress: int32ToIpAddress(broadcastAddressInt & 4294967294),
		broadcastAddress: int32ToIpAddress(broadcastAddressInt)
	};
	info.hostAddressRange = info.minHostAddress + ' - ' + info.maxHostAddress;
	return info;
}

// ---- WEBPAGE CODE ----
var input = {
	ipAddress: document.getElementById('ipaddress'),
	subnetMask: document.getElementById('subnetmask')
};
var errorBox = document.getElementById('errorBox');
var outputs = {
	cidr:              document.getElementById('cidrResult'),
	wildcardMask:      document.getElementById('wildcardmaskResult'),
	numHostsPerSubnet: document.getElementById('hostspersubnetResult'),
	subnetAddress:     document.getElementById('subnetaddressResult'),
	minHostAddress:    document.getElementById('hostrangeminResult'),
	maxHostAddress:    document.getElementById('hostrangemaxResult'),
	broadcastAddress:  document.getElementById('broadcastaddressResult')
};

function onSubmit() {
	// Hide error
	errorBox.classList.remove('show');
	errorBox.textContent = '';

	try {
		var response = generateSubnetDetail(input.ipAddress.value, input.subnetMask.value);
		Object.keys(outputs).forEach(function (prop) {
			outputs[prop].textContent = response[prop];
		});
	} catch (e) {
		errorBox.textContent = e.message;
		errorBox.classList.add('show');
	}
}

// run code on form submit
document.getElementById('subnetform').addEventListener('submit', function (evt) {
	evt.preventDefault();
	evt.stopPropagation();
	onSubmit();
});

// run code at startup
onSubmit();

// ---- TEST CODE ----

function assert(a, b, message) {
	if (a !== b) {
		throw new Error(message || (a + ' should equal ' + b));
	}
}
var tests = [];
tests.add = function (name, fn) {
	tests.push({
		name: name,
		fn: fn
	});
};
tests.run = function () {
	console.log('Running tests:')
	var errors = [];
	function tryFn(entry) {
		var ok = false;
		try {
			entry.fn();
			ok = true;
		} catch (e) {
			errors.push({
				name: entry.name,
				err: e
			});
		}
		console.log('  ' + entry.name + ' - ' + (ok ? 'ok' : 'FAIL!'));
	}
	tests.forEach(tryFn);
	console.log((tests.length - errors.length) + ' tests passed');
	console.log(errors.length + ' failures');
	if (errors.length) {
		errors.forEach(function (entry, index) {
			var err = entry.err;
			console.error('#' + index + ') ' + entry.name);
			console.error(err.stack || err.message || err);
		});
	}
};
tests.add('can parse 255.255.255.255', function () {
	var out = parseIpAddressDigets('255.255.255.255');
	assert(out.length, 4);
	assert(out[0], 255);
	assert(out[1], 255);
	assert(out[2], 255);
	assert(out[3], 255);
});
tests.add('can parse 0.0.0.0', function () {
	var out = parseIpAddressDigets('0.0.0.0');
	assert(out.length, 4);
	assert(out[0], 0);
	assert(out[1], 0);
	assert(out[2], 0);
	assert(out[3], 0);
});
tests.add('won\'t parse 1.1.1.256', function () {
	var out = parseIpAddressDigets('1.1.1.256');
	assert(out, false);
});
tests.add('won\'t parse 1.256.1.1', function () {
	var out = parseIpAddressDigets('1.256.1.1');
	assert(out, false);
});
tests.add('can convert 0.0.255.255 to 65535', function () {
	var out = addressDigitsToInt32([0,0,255,255]);
	assert(out, 65535);
});
tests.add('can convert 255.255.255.255 to 4294967295', function () {
	var out = addressDigitsToInt32([255,255,255,255]);
	assert(out, 4294967295);
});
tests.add('can convert 255.0.0.0 to 4278190080', function () {
	var out = addressDigitsToInt32([255,0,0,0]);
	assert(out, 4278190080);
});
tests.add('mask 255.0.0.0 is /8', function () {
	var out = countMaskBits(4278190080);
	assert(out, 8);
});
tests.add('mask 255.255.255.0 is /24', function () {
	var out = countMaskBits(4294967040);
	assert(out, 24);
});
tests.add('can convert 65535 to 0.0.255.255', function () {
	var out = int32ToAddressDigits(65535);
	assert(out.length, 4);
	assert(out[0], 0);
	assert(out[1], 0);
	assert(out[2], 255);
	assert(out[3], 255);
});
tests.add('can convert 4294967295 to 255.255.255.255', function () {
	var out = int32ToAddressDigits(4294967295);
	assert(out.length, 4);
	assert(out[0], 255);
	assert(out[1], 255);
	assert(out[2], 255);
	assert(out[3], 255);
});
tests.add('can convert 4278190080 to 255.0.0.0', function () {
	var out = int32ToAddressDigits(4278190080);
	assert(out.length, 4);
	assert(out[0], 255);
	assert(out[1], 0);
	assert(out[2], 0);
	assert(out[3], 0);
});
tests.add('can convert [a,b,c,d] to a.b.c.d', function () {
	var out = addressDigitsToIp(['a','b','c','d']);
	assert(out, 'a.b.c.d');
});
tests.add('can verify 255.255.255.0 is a valid mask', function () {
	var out = maskIsValid(4294967040);
	assert(out, true);
});
tests.add('can verify 255.255.255.64 is an invalid mask', function () {
	var out = maskIsValid(4294967104);
	assert(out, false);
});
tests.add('test address 192.168.1.1 mask 255.255.255.0', function () {
	var out = generateSubnetDetail('192.168.1.1', '255.255.255.0');
	assert(out.cidr, '192.168.1.1/24');
	assert(out.wildcardMask, '0.0.0.255');
	assert(out.maskBits, 24);
	assert(out.numHostsPerSubnet, 254);
	assert(out.subnetAddress, '192.168.1.0');
	assert(out.minHostAddress, '192.168.1.1'),
	assert(out.maxHostAddress, '192.168.1.254'),
	assert(out.broadcastAddress, '192.168.1.255');
});

tests.run();

</script>