Wheel Offset Calculator

.offset-calc-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 20px auto; padding: 25px; border: 1px solid #ddd; border-radius: 12px; background-color: #f9f9f9; color: #333; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } .offset-calc-header { text-align: center; margin-bottom: 25px; } .offset-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; } .offset-section { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #eee; } .offset-section h3 { margin-top: 0; font-size: 1.1rem; color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 8px; margin-bottom: 15px; } .offset-input-group { margin-bottom: 15px; } .offset-input-group label { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.9rem; } .offset-input-group input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; } .offset-btn { width: 100%; padding: 15px; background-color: #2c3e50; color: white; border: none; border-radius: 5px; font-size: 1.1rem; font-weight: bold; cursor: pointer; transition: background 0.3s; } .offset-btn:hover { background-color: #34495e; } .offset-results { margin-top: 25px; padding: 20px; background-color: #eef2f7; border-radius: 8px; display: none; } .result-item { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #d1d8e0; } .result-item:last-child { border-bottom: none; } .result-label { font-weight: 600; } .result-value { font-weight: bold; color: #2980b9; } .offset-article { margin-top: 40px; line-height: 1.6; } .offset-article h2 { color: #2c3e50; margin-top: 25px; } @media (max-width: 600px) { .offset-calc-grid { grid-template-columns: 1fr; } }

Wheel Offset & Fitment Calculator

Compare your current wheel setup to a new setup to see how inner clearance and outer poke change.

Current Wheel Setup

New Wheel Setup

Inner Clearance:
Outer Position (Poke):
* Positive values for Inner Clearance mean the wheel is closer to the suspension. Positive values for Outer Position mean the wheel pokes further toward the fender.

Understanding Wheel Offset and Fitment

When upgrading your vehicle's rims, understanding wheel offset is critical to ensuring the new wheels don't rub against your suspension components or stick out too far past the fenders. Offset is the distance from the hub-mounting surface to the true centerline of the wheel.

How Offset Affects Your Vehicle

Offset is measured in millimeters and can be positive, zero, or negative:

  • Positive Offset: The mounting surface is toward the front (street side) of the wheel. Common on modern front-wheel-drive cars.
  • Zero Offset: The mounting surface is even with the centerline of the wheel.
  • Negative Offset: The mounting surface is toward the back (braking side) of the wheel. This creates a "deep dish" look and is common on trucks and older RWD cars.

Calculations Explained

Our calculator uses the following logic to determine how your new wheels will sit compared to your current ones:

Inner Clearance: This measures how much closer the inner lip of the wheel moves toward the strut or suspension. To calculate this, we convert the width to millimeters, find the distance from the hub to the inner edge, and compare the two setups. If the result is "12mm less," your new wheel is 12mm closer to the suspension.

Outer Position (Poke): This measures how much the outer face of the wheel moves toward the fender. If you increase wheel width or decrease offset, the wheel will "poke" out further. A result of "20mm more" means the wheel face will sit 20mm further out than your current setup.

Example Calculation

If you move from an 18×8 ET45 wheel to an 18×9 ET35 wheel:

  • The wheel is 1 inch (25.4mm) wider.
  • The offset decreased by 10mm (moving the wheel outward).
  • The result: You will have 2.7mm less inner clearance and the wheel will poke out 22.7mm more than before.
function calculateWheelFitment() { var currWidth = parseFloat(document.getElementById('currWidth').value); var currOffset = parseFloat(document.getElementById('currOffset').value); var newWidth = parseFloat(document.getElementById('newWidth').value); var newOffset = parseFloat(document.getElementById('newOffset').value); if (isNaN(currWidth) || isNaN(currOffset) || isNaN(newWidth) || isNaN(newOffset)) { alert("Please enter valid numbers for all fields."); return; } // Convert Width from inches to mm var currWidthMm = currWidth * 25.4; var newWidthMm = newWidth * 25.4; // Inner Clearance Calculation (Backspacing change) // Distance from hub to inner edge: (Width / 2) + Offset var currInner = (currWidthMm / 2) + currOffset; var newInner = (newWidthMm / 2) + newOffset; var innerDiff = newInner – currInner; // Outer Position Calculation (Poke change) // Distance from hub to outer edge: (Width / 2) – Offset var currOuter = (currWidthMm / 2) – currOffset; var newOuter = (newWidthMm / 2) – newOffset; var outerDiff = newOuter – currOuter; // Display results var innerResult = document.getElementById('innerClearance'); var outerResult = document.getElementById('outerPoke'); if (innerDiff > 0) { innerResult.innerHTML = Math.abs(innerDiff).toFixed(1) + " mm LESS clearance (closer to suspension)"; innerResult.style.color = "#e67e22″; } else if (innerDiff 0) { outerResult.innerHTML = Math.abs(outerDiff).toFixed(1) + " mm MORE poke (extends toward fender)"; outerResult.style.color = "#c0392b"; } else if (outerDiff < 0) { outerResult.innerHTML = Math.abs(outerDiff).toFixed(1) + " mm LESS poke (retracts from fender)"; outerResult.style.color = "#27ae60"; } else { outerResult.innerHTML = "No Change"; outerResult.style.color = "#2980b9"; } document.getElementById('offsetResults').style.display = 'block'; }

Leave a Comment