Inverse Tangent Calculator

.arctan-calculator-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 20px auto; padding: 25px; border: 1px solid #e1e1e1; border-radius: 12px; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } .arctan-calc-header { text-align: center; margin-bottom: 25px; } .arctan-calc-header h2 { color: #2c3e50; margin-bottom: 10px; } .arctan-input-group { margin-bottom: 20px; } .arctan-input-group label { display: block; font-weight: 600; margin-bottom: 8px; color: #34495e; } .arctan-input-group input, .arctan-input-group select { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 8px; font-size: 16px; transition: border-color 0.3s; box-sizing: border-box; } .arctan-input-group input:focus { border-color: #3498db; outline: none; } .arctan-btn { width: 100%; background-color: #3498db; color: white; padding: 15px; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s; } .arctan-btn:hover { background-color: #2980b9; } .arctan-result-box { margin-top: 25px; padding: 20px; background-color: #f8f9fa; border-radius: 8px; border-left: 5px solid #3498db; } .arctan-result-item { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 18px; } .arctan-result-item span:first-child { font-weight: 600; color: #7f8c8d; } .arctan-result-item span:last-child { font-weight: bold; color: #2c3e50; } .arctan-content { margin-top: 40px; line-height: 1.6; color: #333; } .arctan-content h3 { color: #2c3e50; margin-top: 25px; border-bottom: 2px solid #eee; padding-bottom: 10px; } .arctan-table { width: 100%; border-collapse: collapse; margin: 20px 0; } .arctan-table th, .arctan-table td { padding: 12px; border: 1px solid #ddd; text-align: center; } .arctan-table th { background-color: #f2f2f2; }

Inverse Tangent (Arctan) Calculator

Calculate the angle (degrees or radians) from a tangent ratio.

Degrees:
Radians: 0 rad

What is Inverse Tangent?

The inverse tangent, also known as arctan or tan⁻¹, is the mathematical function that reverses the tangent operation. While the tangent function takes an angle and gives you the ratio of the opposite side to the adjacent side in a right-angled triangle, the arctan function takes that ratio and returns the original angle.

The Arctan Formula

The basic formula for inverse tangent is expressed as:

θ = arctan(opposite / adjacent)

Or simply:

θ = tan⁻¹(x)

Common Arctan Values Table

Value (x) Degrees (°) Radians (rad)
0 0
0.577 30° π/6
1 45° π/4
1.732 60° π/3
Infinite 90° π/2

Practical Examples

Example 1: Roofing Pitch
Suppose a roof rises 5 feet for every 12 feet of horizontal run. To find the angle of the roof slope, you calculate the ratio (5/12 = 0.4167). Using the inverse tangent of 0.4167, the calculator reveals an angle of approximately 22.62°.

Example 2: Physics and Vectors
In physics, if a force is acting with a horizontal component of 10N and a vertical component of 10N, the angle of the resulting vector is arctan(10/10) = arctan(1) = 45°.

How to Use This Calculator

  1. Enter the decimal value or ratio into the "Input Value" field.
  2. Click "Calculate Arctan".
  3. The tool will instantly provide the result in both degrees (common for engineering and construction) and radians (common for advanced mathematics and physics).
function calculateArctan() { var inputVal = document.getElementById('tanValue').value; var resultArea = document.getElementById('resultArea'); var degResult = document.getElementById('degResult'); var radResult = document.getElementById('radResult'); if (inputVal === "" || isNaN(inputVal)) { alert("Please enter a valid numeric value."); return; } var x = parseFloat(inputVal); // Math.atan returns radians var radians = Math.atan(x); // Convert radians to degrees var degrees = radians * (180 / Math.PI); // Update display radResult.innerHTML = radians.toFixed(6) + " rad"; degResult.innerHTML = degrees.toFixed(4) + "°"; // Show results resultArea.style.display = 'block'; }

Leave a Comment