.tyre-height-calculator-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 20px auto;
padding: 25px;
border: 1px solid #e0e0e0;
border-radius: 10px;
background-color: #f9f9f9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.tyre-height-calculator-container h2 {
color: #333;
text-align: center;
margin-bottom: 25px;
font-size: 28px;
}
.tyre-height-calculator-container .input-group {
margin-bottom: 18px;
display: flex;
flex-direction: column;
}
.tyre-height-calculator-container label {
margin-bottom: 8px;
color: #555;
font-weight: bold;
font-size: 15px;
}
.tyre-height-calculator-container input[type="number"] {
width: calc(100% – 22px);
padding: 12px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.tyre-height-calculator-container input[type="number"]:focus {
border-color: #007bff;
outline: none;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}
.tyre-height-calculator-container button {
background-color: #007bff;
color: white;
padding: 14px 25px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
width: 100%;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.tyre-height-calculator-container button:hover {
background-color: #0056b3;
transform: translateY(-2px);
}
.tyre-height-calculator-container .result-section {
margin-top: 30px;
padding: 20px;
background-color: #e9f7ff;
border: 1px solid #b3e0ff;
border-radius: 8px;
text-align: center;
}
.tyre-height-calculator-container .result-section p {
margin: 10px 0;
font-size: 17px;
color: #333;
}
.tyre-height-calculator-container .result-section p strong {
color: #0056b3;
font-size: 18px;
}
.tyre-height-calculator-container .error-message {
color: #dc3545;
margin-top: 15px;
text-align: center;
font-weight: bold;
}
.tyre-height-calculator-container .calculator-article {
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid #e0e0e0;
color: #444;
line-height: 1.7;
}
.tyre-height-calculator-container .calculator-article h3 {
color: #333;
font-size: 24px;
margin-bottom: 15px;
text-align: center;
}
.tyre-height-calculator-container .calculator-article h4 {
color: #333;
font-size: 20px;
margin-top: 25px;
margin-bottom: 10px;
}
.tyre-height-calculator-container .calculator-article p {
margin-bottom: 15px;
text-align: justify;
}
.tyre-height-calculator-container .calculator-article ul {
list-style-type: disc;
margin-left: 20px;
margin-bottom: 15px;
}
.tyre-height-calculator-container .calculator-article ul li {
margin-bottom: 8px;
}
function calculateTyreHeight() {
var tyreWidth = parseFloat(document.getElementById('tyreWidth').value);
var aspectRatio = parseFloat(document.getElementById('aspectRatio').value);
var wheelDiameter = parseFloat(document.getElementById('wheelDiameter').value);
var resultDiv = document.getElementById('tyreHeightResult');
var errorDiv = document.getElementById('tyreHeightError');
// Reset previous results and errors
resultDiv.style.display = 'none';
errorDiv.style.display = 'none';
errorDiv.innerHTML = ";
if (isNaN(tyreWidth) || isNaN(aspectRatio) || isNaN(wheelDiameter) || tyreWidth <= 0 || aspectRatio <= 0 || wheelDiameter <= 0) {
errorDiv.innerHTML = 'Please enter valid positive numbers for all fields.';
errorDiv.style.display = 'block';
return;
}
// Calculations
var sidewallHeightMM = (tyreWidth * (aspectRatio / 100));
var wheelDiameterMM = wheelDiameter * 25.4; // Convert inches to mm
var overallDiameterMM = (2 * sidewallHeightMM) + wheelDiameterMM;
var overallDiameterInches = overallDiameterMM / 25.4;
// Display results
document.getElementById('sidewallHeightMM').innerText = sidewallHeightMM.toFixed(2);
document.getElementById('overallDiameterMM').innerText = overallDiameterMM.toFixed(2);
document.getElementById('overallDiameterInches').innerText = overallDiameterInches.toFixed(2);
resultDiv.style.display = 'block';
}
Tyre Height Calculator
Sidewall Height: mm
Overall Diameter: mm
Overall Diameter: inches
Understanding Your Tyre's Dimensions
The overall height or diameter of your vehicle's tyres is a critical dimension that impacts various aspects of its performance, safety, and aesthetics. From speedometer accuracy to fender clearance and even fuel efficiency, knowing your tyre's exact height is essential, especially when considering a change in tyre size. Our Tyre Height Calculator simplifies this process, allowing you to quickly determine the precise dimensions based on standard tyre markings.
How to Read Tyre Sizes
Before using the calculator, it's important to understand how tyre sizes are typically expressed. A common tyre size might look like 205/55R16. Let's break down what each part means:
- 205: Tyre Width (mm) – This is the width of the tyre in millimeters, measured from sidewall to sidewall. In our example, the tyre is 205mm wide.
- 55: Aspect Ratio (%) – This number represents the sidewall height as a percentage of the tyre's width. So, '55' means the sidewall height is 55% of the 205mm width.
- R: Construction Type – 'R' stands for Radial, which is the most common type of tyre construction today.
- 16: Wheel Diameter (inches) – This indicates the diameter of the wheel (or rim) that the tyre is designed to fit, measured in inches.
The Importance of Tyre Height
The overall height of your tyre directly influences several key vehicle characteristics:
- Speedometer Accuracy: Changing to tyres with a different overall diameter will affect your speedometer and odometer readings. A larger tyre will make your speedometer read lower than your actual speed, while a smaller tyre will make it read higher.
- Fender Clearance: Larger tyres might rub against your vehicle's fenders or suspension components, especially during turns or over bumps.
- Gearing and Performance: A larger tyre effectively changes your vehicle's final drive ratio, potentially impacting acceleration, towing capacity, and fuel economy.
- Ground Clearance: Taller tyres increase your vehicle's ground clearance, which can be beneficial for off-roading but might raise the center of gravity.
- Aesthetics: The visual appeal of your vehicle can be significantly altered by different tyre heights.
How the Calculator Works
Our calculator uses the following standard formulas to determine the tyre's dimensions:
- Sidewall Height (mm): This is calculated by multiplying the Tyre Width by the Aspect Ratio (as a decimal). For example, 205mm * (55 / 100) = 112.75mm.
- Wheel Diameter (mm): Since the wheel diameter is given in inches, it's converted to millimeters by multiplying by 25.4 (1 inch = 25.4 mm). For example, 16 inches * 25.4 mm/inch = 406.4mm.
- Overall Diameter (mm): This is the sum of the wheel diameter and twice the sidewall height (because there's a sidewall above and below the wheel). So, (2 * Sidewall Height) + Wheel Diameter (mm).
- Overall Diameter (inches): The overall diameter in millimeters is then converted back to inches by dividing by 25.4.
Use this calculator to ensure you select the right tyres for your vehicle, maintaining optimal performance and safety.