Motorcycle Tire Size Calculator
:root {
–primary-blue: #004a99;
–success-green: #28a745;
–light-background: #f8f9fa;
–border-color: #dee2e6;
–text-color: #333;
–label-color: #555;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: var(–text-color);
background-color: var(–light-background);
margin: 0;
padding: 20px;
}
.loan-calc-container {
max-width: 700px;
margin: 30px auto;
background-color: #fff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
border: 1px solid var(–border-color);
}
h1, h2 {
color: var(–primary-blue);
text-align: center;
margin-bottom: 25px;
}
.input-group {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 10px;
border-bottom: 1px solid var(–border-color);
}
.input-group label {
flex: 1 1 150px; /* Responsive flex basis */
margin-right: 15px;
font-weight: bold;
color: var(–label-color);
text-align: right;
min-width: 120px; /* Ensure minimum label width */
}
.input-group input[type="number"] {
flex: 1 1 180px; /* Responsive flex basis */
padding: 10px 15px;
border: 1px solid var(–border-color);
border-radius: 5px;
font-size: 1rem;
box-sizing: border-box; /* Include padding and border in the element's total width and height */
text-align: right;
}
.input-group input[type="number"]:focus {
outline: none;
border-color: var(–primary-blue);
box-shadow: 0 0 5px rgba(0, 74, 153, 0.3);
}
.button-group {
text-align: center;
margin-top: 30px;
}
button {
background-color: var(–primary-blue);
color: white;
padding: 12px 25px;
border: none;
border-radius: 5px;
font-size: 1.1rem;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #003366;
}
.result-container {
margin-top: 30px;
padding: 20px;
background-color: var(–success-green);
color: white;
border-radius: 5px;
text-align: center;
box-shadow: 0 2px 10px rgba(40, 167, 69, 0.3);
}
.result-container h3 {
margin-top: 0;
color: white;
font-size: 1.4rem;
}
.result-container p {
font-size: 1.2rem;
margin: 10px 0;
font-weight: bold;
}
#result {
font-size: 1.8rem;
font-weight: bold;
color: white;
}
.article-section {
margin-top: 40px;
padding: 30px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
border: 1px solid var(–border-color);
}
.article-section h2 {
text-align: left;
color: var(–primary-blue);
border-bottom: 2px solid var(–primary-blue);
padding-bottom: 10px;
margin-bottom: 20px;
}
.article-section h3 {
color: var(–primary-blue);
margin-top: 25px;
margin-bottom: 10px;
}
.article-section p,
.article-section ul {
margin-bottom: 15px;
}
.article-section ul {
padding-left: 20px;
}
.article-section li {
margin-bottom: 8px;
}
.formula {
font-family: 'Courier New', Courier, monospace;
background-color: #e9ecef;
padding: 15px;
border-radius: 5px;
margin: 15px 0;
overflow-x: auto; /* For long formulas */
}
@media (max-width: 600px) {
.input-group {
flex-direction: column;
align-items: stretch;
text-align: center;
}
.input-group label {
margin-right: 0;
margin-bottom: 10px;
text-align: center;
min-width: auto;
}
.input-group input[type="number"] {
width: 100%;
text-align: center;
}
.loan-calc-container {
padding: 20px;
}
}
Motorcycle Tire Size Calculator
Calculate Dimensions
Calculated Tire Dimensions
Overall Diameter:
Tire Height:
Tire Width:
Understanding Motorcycle Tire Sizing
Motorcycle tire sizing can seem complex, but it's based on a standardized system that describes key dimensions of the tire. This calculator helps you interpret these dimensions and understand the actual physical size of your motorcycle's tires, which is crucial for performance, handling, and ensuring proper fitment.
The Tire Size Code
A typical motorcycle tire size code looks like this: 180/55ZR17
180 : This is the Section Width in millimeters (mm). It's the widest point of the tire from sidewall to sidewall.55 : This is the Aspect Ratio , expressed as a percentage (%). It represents the tire's sidewall height as a percentage of its section width. A 55 aspect ratio means the sidewall height is 55% of the 180mm section width.Z : This is the speed rating, indicating the maximum speed capability of the tire. While important for selection, it's not used in dimensional calculations.R : Indicates a Radial construction.17 : This is the Rim Diameter in inches. It's the diameter of the wheel that the tire is designed to fit onto.
How the Calculator Works
Our calculator takes the first three crucial numbers from the tire code (Section Width, Aspect Ratio, and Rim Diameter) and calculates the physical dimensions of the tire in inches.
Formulas Used:
The calculations involve unit conversions and basic geometry:
// 1. Calculate Tire Height (in mm)
// 2. Convert Tire Height to inches
// 3. Convert Section Width to inches
// 4. Calculate Overall Tire Diameter (in inches)
Why This Matters
Fitment : Ensures the new tires will physically fit your motorcycle's wheels and swingarm without rubbing.Performance & Handling : Tire diameter and profile affect ground clearance, suspension geometry, and how the bike handles in corners.Speedometer Accuracy : A significantly different overall tire diameter can alter your speedometer and odometer readings.Aesthetics : The tire's profile (how "chunky" or "flat" it looks) is determined by its width and aspect ratio.
Use this calculator to quickly verify your tire dimensions or to understand the implications of choosing a different size.
function calculateTireDimensions() {
var sectionWidth = parseFloat(document.getElementById("sectionWidth").value);
var aspectRatio = parseFloat(document.getElementById("aspectRatio").value);
var rimDiameter = parseFloat(document.getElementById("rimDiameter").value);
var resultContainer = document.getElementById("result-container");
var overallDiameterSpan = document.getElementById("overallDiameter");
var tireHeightSpan = document.getElementById("tireHeight");
var tireWidthSpan = document.getElementById("tireWidth");
// Clear previous results and hide container
resultContainer.style.display = 'none';
overallDiameterSpan.textContent = ";
tireHeightSpan.textContent = ";
tireWidthSpan.textContent = ";
// Validate inputs
if (isNaN(sectionWidth) || isNaN(aspectRatio) || isNaN(rimDiameter) ||
sectionWidth <= 0 || aspectRatio <= 0 || rimDiameter <= 0) {
alert("Please enter valid positive numbers for all fields.");
return;
}
// Constants
var MM_PER_INCH = 25.4;
// Calculations
// 1. Calculate Tire Height (in mm)
var tireHeightMM = sectionWidth * (aspectRatio / 100);
// 2. Convert Tire Height to inches
var tireHeightInches = tireHeightMM / MM_PER_INCH;
// 3. Convert Section Width to inches
var tireWidthInches = sectionWidth / MM_PER_INCH;
// 4. Calculate Overall Tire Diameter (in inches)
var overallDiameterInches = (2 * tireHeightInches) + rimDiameter;
// Display results
overallDiameterSpan.textContent = overallDiameterInches.toFixed(2);
tireHeightSpan.textContent = tireHeightInches.toFixed(2);
tireWidthSpan.textContent = tireWidthInches.toFixed(2);
resultContainer.style.display = 'block';
}