#freelance-rate-calculator-wrapper .calc-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 40px;
border: 1px solid #e0e0e0;
padding: 25px;
border-radius: 8px;
background-color: #f9fbfd;
}
#freelance-rate-calculator-wrapper .calc-inputs {
flex: 1;
min-width: 300px;
}
#freelance-rate-calculator-wrapper .calc-results {
flex: 1;
min-width: 300px;
background-color: #2c3e50;
color: white;
padding: 20px;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
#freelance-rate-calculator-wrapper .input-group {
margin-bottom: 15px;
}
#freelance-rate-calculator-wrapper label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #333;
font-size: 14px;
}
#freelance-rate-calculator-wrapper input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
#freelance-rate-calculator-wrapper button {
background-color: #27ae60;
color: white;
border: none;
padding: 12px 24px;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
width: 100%;
margin-top: 10px;
transition: background 0.3s;
}
#freelance-rate-calculator-wrapper button:hover {
background-color: #219150;
}
#freelance-rate-calculator-wrapper .result-value {
font-size: 42px;
font-weight: 800;
margin: 10px 0;
color: #2ecc71;
}
#freelance-rate-calculator-wrapper .result-label {
font-size: 16px;
opacity: 0.9;
}
#freelance-rate-calculator-wrapper .secondary-results {
margin-top: 20px;
width: 100%;
border-top: 1px solid rgba(255,255,255,0.2);
padding-top: 15px;
font-size: 14px;
text-align: left;
}
#freelance-rate-calculator-wrapper .sec-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
#freelance-rate-calculator-wrapper article {
line-height: 1.6;
color: #444;
}
#freelance-rate-calculator-wrapper article h2 {
color: #2c3e50;
border-bottom: 2px solid #27ae60;
padding-bottom: 10px;
margin-top: 30px;
}
#freelance-rate-calculator-wrapper article h3 {
color: #2c3e50;
margin-top: 25px;
}
#freelance-rate-calculator-wrapper article ul {
padding-left: 20px;
}
#freelance-rate-calculator-wrapper .error-msg {
color: #e74c3c;
font-size: 13px;
margin-top: 5px;
display: none;
}
function calculateHourlyRate() {
// Get inputs
var targetIncome = parseFloat(document.getElementById('targetIncome').value);
var monthlyOverhead = parseFloat(document.getElementById('monthlyOverhead').value);
var billableHours = parseFloat(document.getElementById('billableHours').value);
var weeksOff = parseFloat(document.getElementById('weeksOff').value);
var taxRate = parseFloat(document.getElementById('taxRate').value);
var errorDisplay = document.getElementById('errorDisplay');
// Reset error
errorDisplay.style.display = 'none';
errorDisplay.innerHTML = ";
// Validation
if (isNaN(targetIncome) || isNaN(monthlyOverhead) || isNaN(billableHours) || isNaN(weeksOff) || isNaN(taxRate)) {
errorDisplay.innerHTML = "Please fill in all fields with valid numbers.";
errorDisplay.style.display = 'block';
return;
}
if (weeksOff >= 52) {
errorDisplay.innerHTML = "Weeks off cannot equal or exceed 52 weeks.";
errorDisplay.style.display = 'block';
return;
}
if (billableHours = 100) {
errorDisplay.innerHTML = "Tax rate cannot be 100% or more.";
errorDisplay.style.display = 'block';
return;
}
// Calculations
var annualOverhead = monthlyOverhead * 12;
var totalNetNeeded = targetIncome + annualOverhead;
// Calculate Gross Revenue Needed (Gross = Net / (1 – TaxRate))
var taxDecimal = taxRate / 100;
var grossRevenueNeeded = totalNetNeeded / (1 – taxDecimal);
// Calculate Total Working Hours
var workingWeeks = 52 – weeksOff;
var totalYearlyHours = workingWeeks * billableHours;
// Calculate Hourly Rate
var hourlyRate = grossRevenueNeeded / totalYearlyHours;
// Calculate Weekly Target
var weeklyTarget = grossRevenueNeeded / workingWeeks;
// Update DOM
document.getElementById('hourlyResult').innerHTML = '$' + hourlyRate.toFixed(2);
document.getElementById('grossResult').innerHTML = '$' + grossRevenueNeeded.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});
document.getElementById('hoursResult').innerHTML = totalYearlyHours.toLocaleString();
document.getElementById('weeklyResult').innerHTML = '$' + weeklyTarget.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});
}
Calculate Your Rate
You need to charge:
$0.00
per hour
Gross Annual Revenue:
$0.00
Total Billable Hours:
0
Weekly Target:
$0.00
Why You Need a Freelance Hourly Rate Calculator
One of the most common mistakes new freelancers make is confusing their salary with their rate. If you want to earn $75,000 a year, you cannot simply divide that number by 2,080 (the standard 40-hour work week hours) and charge that amount. Doing so ignores the realities of self-employment taxes, unpaid vacation time, business overheads, and non-billable hours.
The "Billable Hours" Trap
As an employee, you get paid for every hour you are at the office, including coffee breaks and team meetings. As a freelancer, you only get paid when you are actively working on a client project. Administrative tasks, marketing, invoicing, and looking for new clients are non-billable hours.
Most successful freelancers only bill for 20-30 hours per week, even if they work 40+ hours. This calculator adjusts your rate to ensure your billable hours cover your non-billable time.
Understanding the Inputs
- Desired Net Salary: This is the "take-home" pay you want for your personal life (rent, groceries, savings).
- Monthly Overheads: These are business costs: software subscriptions, hosting, internet, equipment, and insurance.
- Weeks Off: Freelancers don't get paid time off (PTO). You must earn enough in your working weeks to cover vacations and sick days.
- Tax Rate: Self-employment tax is often higher than employee tax rates because you pay both the employer and employee share of Social Security and Medicare. A safe estimate is often 25-30%.
How to Use Your Result
The rate generated above is your minimum base rate to break even on your goals. When pricing projects, you should aim to charge slightly above this number to build a profit margin for your business growth. Use this figure as a confident baseline during negotiations—knowing exactly why you charge what you charge is the key to closing high-value deals.