.hourly-rate-calculator-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.calc-header {
text-align: center;
background: #2c3e50;
color: white;
padding: 15px;
border-radius: 8px 8px 0 0;
margin: -20px -20px 20px -20px;
}
.calc-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
gap: 15px;
}
.calc-col {
flex: 1;
min-width: 250px;
}
.calc-label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #333;
}
.calc-input-group {
position: relative;
}
.calc-input-group span {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #777;
}
.calc-input {
width: 100%;
padding: 10px 10px 10px 25px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
.calc-input.no-prefix {
padding-left: 10px;
}
.calc-btn {
width: 100%;
padding: 12px;
background: #27ae60;
color: white;
border: none;
border-radius: 4px;
font-size: 18px;
cursor: pointer;
font-weight: bold;
margin-top: 10px;
transition: background 0.3s;
}
.calc-btn:hover {
background: #219150;
}
.calc-results {
margin-top: 25px;
background: #f8f9fa;
padding: 20px;
border-radius: 6px;
border-left: 5px solid #27ae60;
display: none;
}
.result-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.result-row:last-child {
border-bottom: none;
}
.result-value {
font-size: 20px;
font-weight: bold;
color: #2c3e50;
}
.main-result {
font-size: 32px;
color: #27ae60;
text-align: right;
}
.calc-article {
margin-top: 40px;
line-height: 1.6;
color: #444;
}
.calc-article h2 {
color: #2c3e50;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
margin-top: 30px;
}
.calc-article ul {
padding-left: 20px;
}
.calc-article li {
margin-bottom: 8px;
}
@media (max-width: 600px) {
.result-row {
flex-direction: column;
align-items: flex-start;
}
.result-value, .main-result {
margin-top: 5px;
text-align: left;
}
}
function calculateHourlyRate() {
// 1. Get input values
var salary = document.getElementById("desiredSalary").value;
var overhead = document.getElementById("annualOverhead").value;
var weeklyHours = document.getElementById("billableHours").value;
var weeksOff = document.getElementById("weeksOff").value;
var margin = document.getElementById("profitMargin").value;
// 2. Validate inputs
if (salary === "" || weeklyHours === "" || weeksOff === "") {
alert("Please fill in all required fields (Salary, Billable Hours, and Weeks Off).");
return;
}
var numSalary = parseFloat(salary);
var numOverhead = overhead === "" ? 0 : parseFloat(overhead);
var numWeeklyHours = parseFloat(weeklyHours);
var numWeeksOff = parseFloat(weeksOff);
var numMargin = margin === "" ? 0 : parseFloat(margin);
// Check for valid numbers
if (numWeeklyHours = 52) {
alert("Weeks off must be less than 52.");
return;
}
// 3. Perform Calculations
// Calculate total weeks working
var workingWeeks = 52 – numWeeksOff;
// Calculate total billable hours per year
var totalBillableHours = workingWeeks * numWeeklyHours;
// Calculate Base Cost (Salary + Expenses)
var totalBaseCost = numSalary + numOverhead;
// Apply Profit Margin
// Formula: Revenue = Cost / (1 – Margin%)
// Example: If Cost is 100 and Margin is 20% (.2), Revenue = 100 / 0.8 = 125.
// 125 * 20% = 25 profit. 125 – 25 = 100 cost. Correct.
// However, simple markup is often easier for users: Cost * (1 + Margin%).
// Let's use Margin on Revenue logic as it is standard business practice.
var marginDecimal = numMargin / 100;
var targetRevenue = 0;
if (marginDecimal >= 1) {
alert("Profit margin must be less than 100%.");
return;
}
targetRevenue = totalBaseCost / (1 – marginDecimal);
// Calculate Hourly Rate
var hourlyRate = targetRevenue / totalBillableHours;
// Calculate Daily Rate (Assuming standard 8 hour day availability, or based on billable hours/5?)
// Let's do Daily based on the hourly rate * (Billable Hours / 5 days) to see daily revenue potential
var dailyHours = numWeeklyHours / 5;
var dailyRate = hourlyRate * dailyHours;
// Or simply Hourly * 8 if they bill by the day. Usually freelancers calculate daily rate as Hourly * 8.
// Let's stick to strict math: Hourly Rate * 8 (Standard Day)
var standardDailyRate = hourlyRate * 8;
var weeklyTarget = targetRevenue / workingWeeks;
// 4. Update UI
document.getElementById("hourlyRateResult").innerText = formatCurrency(hourlyRate);
document.getElementById("dailyRateResult").innerText = formatCurrency(standardDailyRate);
document.getElementById("weeklyTargetResult").innerText = formatCurrency(weeklyTarget);
document.getElementById("totalHoursResult").innerText = Math.round(totalBillableHours).toLocaleString();
document.getElementById("totalRevenueResult").innerText = formatCurrency(targetRevenue);
// Show results
document.getElementById("resultsSection").style.display = "block";
}
function formatCurrency(num) {
return "$" + num.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
}
Freelance Hourly Rate Calculator
$
What you would earn in a full-time job.
$
Software, hardware, insurance, coworking, etc.
Exclude admin, marketing, and sales tasks.
Vacation, sick days, and holidays.
Buffer for business growth/savings.
Required Hourly Rate:
–
Daily Rate (approx. 8h):
–
Weekly Revenue Target:
–
Total Billable Hours / Year:
–
Total Annual Revenue Goal:
–
What Is My Hourly Rate? A Guide for Freelancers
Determining your hourly rate is one of the most challenging aspects of transitioning from a salaried employee to a freelancer or contractor. Unlike a traditional job where your employer covers overhead costs, taxes, and paid time off, a freelancer must factor all these expenses into their hourly fee to maintain a sustainable lifestyle.
This "What Is My Hourly Rate Calculator" uses a reverse-engineering approach. Instead of guessing a number based on gut feeling, it calculates exactly what you need to charge based on your financial goals, business expenses, and actual billable time.
The Formula: Why You Can't Just Divide Your Salary by 2080
A common mistake new freelancers make is taking their old annual salary and dividing it by 2,080 (the standard number of working hours in a year: 40 hours x 52 weeks). This results in a rate that is far too low because:
- Non-Billable Work: You cannot bill clients for time spent on accounting, marketing, finding new clients, or answering emails. Realistically, you might only bill 20 to 30 hours a week.
- Expenses: You are now responsible for your own hardware, software licenses, health insurance, and internet costs.
- Unpaid Time Off: If you don't work, you don't get paid. Your rate must be high enough to cover vacations and sick days.
Key Inputs Explained
To get the most accurate result from the calculator above, consider the following:
Desired Annual Salary
Enter the gross amount you want to pay yourself. This should be comparable to the market rate for a senior role in your industry plus a premium for the risk of freelancing.
Billable Hours per Week
Be conservative here. Most successful freelancers average between 25 and 30 billable hours per week. The remaining 10-15 hours of a standard work week are consumed by administrative tasks.
Profit Margin
A healthy business needs profit beyond just the owner's salary. Adding a 10-30% profit margin ensures you have cash reserves for lean months, equipment upgrades, or expanding your business in the future.
How to Increase Your Hourly Rate
If the calculator outputs a number higher than you think clients will pay, consider these strategies:
- Specialize: Specialists command higher rates than generalists.
- Reduce Overhead: Audit your subscriptions and expenses.
- Productize Services: Move away from hourly billing toward fixed-price packages to decouple your income from your time.