Calculadora de Impuestos sobre la Renta
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
margin: 0;
padding: 0;
}
.tax-calc-container {
max-width: 800px;
margin: 30px auto;
padding: 30px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 74, 153, 0.1);
}
h1 {
color: #004a99;
text-align: center;
margin-bottom: 20px;
}
.input-section {
margin-bottom: 30px;
padding: 20px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fdfdfd;
}
.input-group {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.input-group label {
flex: 1 1 150px; /* Grow, shrink, basis */
font-weight: bold;
color: #004a99;
text-align: right;
padding-right: 10px;
}
.input-group input[type="number"],
.input-group input[type="text"] {
flex: 2 1 200px; /* Grow, shrink, basis */
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1rem;
box-sizing: border-box;
}
.input-group input[type="number"]:focus,
.input-group input[type="text"]:focus {
border-color: #007bff;
outline: none;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
}
.button-group {
text-align: center;
margin-top: 20px;
}
button {
background-color: #004a99;
color: white;
padding: 12px 25px;
border: none;
border-radius: 5px;
font-size: 1.1rem;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
margin: 0 10px;
}
button:hover {
background-color: #003366;
transform: translateY(-2px);
}
button:active {
transform: translateY(0);
}
.result-section {
margin-top: 30px;
padding: 20px;
border-top: 2px solid #004a99;
background-color: #eef7ff;
border-radius: 6px;
}
.result-section h2 {
color: #004a99;
text-align: center;
margin-bottom: 15px;
}
#calculatedTax {
font-size: 1.8rem;
font-weight: bold;
color: #28a745;
text-align: center;
display: block;
margin-top: 10px;
}
.explanation-section {
margin-top: 40px;
padding: 20px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 74, 153, 0.05);
}
.explanation-section h2 {
color: #004a99;
border-bottom: 2px solid #004a99;
padding-bottom: 10px;
margin-bottom: 20px;
}
.explanation-section p,
.explanation-section ul {
margin-bottom: 15px;
color: #555;
}
.explanation-section li {
margin-bottom: 8px;
}
.explanation-section code {
background-color: #eef7ff;
padding: 2px 5px;
border-radius: 3px;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
/* Responsive adjustments */
@media (max-width: 600px) {
.input-group {
flex-direction: column;
align-items: stretch;
}
.input-group label {
text-align: left;
padding-right: 0;
margin-bottom: 5px;
}
.input-group input[type="number"],
.input-group input[type="text"] {
width: 100%;
}
button {
width: calc(100% – 20px); /* Full width minus margin */
margin: 5px 10px;
}
h1 {
font-size: 1.8rem;
}
.result-section h2 {
font-size: 1.4rem;
}
#calculatedTax {
font-size: 1.6rem;
}
}
Calculadora de Impuestos sobre la Renta
Tu Impuesto Estimado
€0.00
¿Qué es el Impuesto sobre la Renta y Cómo se Calcula?
El Impuesto sobre la Renta (IRPF) es un tributo que grava los ingresos obtenidos por las personas físicas durante un ejercicio fiscal. Estos ingresos pueden provenir de diversas fuentes, como salarios, actividades económicas, rendimientos de capital mobiliario e inmobiliario, o ganancias patrimoniales. La característica principal del IRPF es que es un impuesto progresivo, lo que significa que el porcentaje de impuestos a pagar aumenta a medida que aumentan los ingresos del contribuyente.
Nuestro calculador te permite estimar tu carga fiscal basándose en un sistema de tramos impositivos. Cada tramo tiene un rango de ingresos y una tasa impositiva asociada. A medida que tus ingresos aumentan, una parte de ellos se grava a una tasa superior, pero solo la parte que excede el umbral del tramo anterior.
Cómo Funciona la Lógica del Calculador:
El cálculo se realiza de forma escalonada, aplicando la tasa correspondiente a cada tramo de ingresos:
- Primero, se aplica la tasa del tramo más bajo a la porción de ingresos que cae dentro de ese tramo.
- Luego, se calcula el impuesto para la porción de ingresos que cae en el siguiente tramo, utilizando su tasa específica.
- Este proceso continúa para todos los tramos impositivos hasta que se cubren todos los ingresos gravables.
Por ejemplo, si tus ingresos gravables son 50.000 €, y los tramos son:
- Tramo 1: hasta 12.475 € al 19%
- Tramo 2: de 12.475 € a 35.300 € al 30%
- Tramo 3: de 35.300 € a 60.000 € al 41%
El cálculo sería:
- Tramo 1: 12.475 € * 19% = 2.370,25 €
- Tramo 2: (35.300 € – 12.475 €) * 30% = 22.825 € * 30% = 6.847,50 €
- Tramo 3: (50.000 € – 35.300 €) * 41% = 14.700 € * 41% = 6.027,00 €
Impuesto Total Estimado: 2.370,25 € + 6.847,50 € + 6.027,00 € = 15.244,75 €
Nota Importante: Esta calculadora proporciona una estimación simplificada. Las leyes fiscales son complejas y pueden incluir deducciones, créditos fiscales, y circunstancias personales que afecten el cálculo final. Siempre consulta con un profesional fiscal para obtener asesoramiento preciso sobre tu situación particular. Las tasas y umbrales utilizados en este ejemplo son ilustrativos y pueden no corresponder a la legislación fiscal vigente en tu jurisdicción.
function calculateTax() {
var taxableIncome = parseFloat(document.getElementById("taxableIncome").value);
var taxRate1 = parseFloat(document.getElementById("taxRate1").value) / 100;
var threshold1 = parseFloat(document.getElementById("threshold1").value);
var taxRate2 = parseFloat(document.getElementById("taxRate2").value) / 100;
var threshold2 = parseFloat(document.getElementById("threshold2").value);
var taxRate3 = parseFloat(document.getElementById("taxRate3").value) / 100;
var threshold3 = parseFloat(document.getElementById("threshold3").value);
var taxRate4 = parseFloat(document.getElementById("taxRate4").value) / 100;
var threshold4 = parseFloat(document.getElementById("threshold4").value);
var taxRate5 = parseFloat(document.getElementById("taxRate5").value) / 100;
var threshold5 = parseFloat(document.getElementById("threshold5").value); // Assuming threshold5 exists for the last rate
var totalTax = 0;
// Validate inputs
if (isNaN(taxableIncome) || taxableIncome 0) {
var incomeInBracket = Math.min(incomeRemainder, threshold1);
totalTax += incomeInBracket * taxRate1;
incomeRemainder -= incomeInBracket;
}
// Tramo 2
if (incomeRemainder > 0 && threshold2 > threshold1) {
var incomeInBracket = Math.min(incomeRemainder, threshold2 – threshold1);
totalTax += incomeInBracket * taxRate2;
incomeRemainder -= incomeInBracket;
}
// Tramo 3
if (incomeRemainder > 0 && threshold3 > threshold2) {
var incomeInBracket = Math.min(incomeRemainder, threshold3 – threshold2);
totalTax += incomeInBracket * taxRate3;
incomeRemainder -= incomeInBracket;
}
// Tramo 4
if (incomeRemainder > 0 && threshold4 > threshold3) {
var incomeInBracket = Math.min(incomeRemainder, threshold4 – threshold3);
totalTax += incomeInBracket * taxRate4;
incomeRemainder -= incomeInBracket;
}
// Tramo 5 (Tasa marginal más alta)
if (incomeRemainder > 0 && threshold5 > threshold4) { // Assuming threshold5 exists to define the upper bound of the last bracket
var incomeInBracket = Math.min(incomeRemainder, threshold5 – threshold4);
totalTax += incomeInBracket * taxRate5;
incomeRemainder -= incomeInBracket;
} else if (incomeRemainder > 0 && threshold5 === undefined || threshold5 === null || threshold5 <= threshold4) {
// If no explicit threshold5 is defined or it's not higher than threshold4,
// we assume the last rate applies to all remaining income.
// This is a common way progressive tax brackets are structured beyond the last defined threshold.
totalTax += incomeRemainder * taxRate5;
incomeRemainder = 0;
}
document.getElementById("calculatedTax").textContent = "€" + totalTax.toFixed(2);
}
function resetForm() {
document.getElementById("taxableIncome").value = "";
document.getElementById("taxRate1").value = "";
document.getElementById("threshold1").value = "";
document.getElementById("taxRate2").value = "";
document.getElementById("threshold2").value = "";
document.getElementById("taxRate3").value = "";
document.getElementById("threshold3").value = "";
document.getElementById("taxRate4").value = "";
document.getElementById("threshold4").value = "";
document.getElementById("taxRate5").value = "";
document.getElementById("calculatedTax").textContent = "€0.00";
}