toolbox/freelance-rate.html at main · 100millionusd/toolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Free Freelance Rate Calculator — Hourly Rate from Salary</title>
  <meta name="description" content="Calculate your freelance hourly rate. Based on desired salary, hours, expenses, and profit margin. Free online freelance rate calculator.">
  <link rel="canonical" href="https://www.quicktools.mom/freelance-rate.html">
  <meta property="og:title" content="Freelance Rate Calculator"><meta property="og:type" content="website"><meta property="og:url" content="https://www.quicktools.mom/freelance-rate.html"><meta name="twitter:card" content="summary">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I calculate my freelance rate?","acceptedAnswer":{"@type":"Answer","text":"Add your desired annual salary + business expenses + profit margin, then divide by billable hours per year (typically 1,000-1,500 hours)."}},{"@type":"Question","name":"What is a good freelance hourly rate?","acceptedAnswer":{"@type":"Answer","text":"It varies by industry. Most freelancers charge $50-150/hour. Remember you need to cover taxes, insurance, equipment, and non-billable time."}}]}</script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page-wrapper">
    <header class="site-header"><a href="index.html" class="site-logo"><span class="icon">⚡</span> QuickTools</a><nav class="site-nav"><a href="index.html">All Tools</a></nav></header>
    <div class="ad-zone ad-zone-top">Ad Space</div>
    <div class="tool-header"><div class="tool-badge">💼 Business</div><h1>Freelance Rate Calculator</h1><p>Calculate your ideal hourly rate based on salary goals and expenses.</p></div>
    <div class="tool-card">
      <div class="controls-row">
        <div class="control-group"><label>Desired Annual Salary ($)</label><input type="number" id="salary" value="75000" step="1000" oninput="calc()"></div>
        <div class="control-group"><label>Annual Expenses ($)</label><input type="number" id="expenses" value="12000" step="500" oninput="calc()"></div>
      </div>
      <div class="controls-row mt-1">
        <div class="control-group"><label>Billable Hours/Week</label><input type="number" id="billable" value="30" min="1" max="60" oninput="calc()"></div>
        <div class="control-group"><label>Weeks Off/Year</label><input type="number" id="weeksOff" value="4" min="0" max="20" oninput="calc()"></div>
        <div class="control-group"><label>Tax Rate (%)</label><input type="number" id="tax" value="25" min="0" max="50" oninput="calc()"></div>
      </div>
      <div class="controls-row mt-1">
        <div class="control-group"><label>Profit Margin (%)</label><input type="number" id="profit" value="15" min="0" max="50" oninput="calc()"></div>
      </div>
    </div>
    <div class="tool-card" style="text-align:center;">
      <div style="font-size:0.9rem;color:var(--text-muted);">Your Minimum Hourly Rate</div>
      <div id="rate" style="font-size:5rem;font-weight:700;color:var(--accent);">$0</div>
      <div style="font-size:1rem;color:var(--text-muted);">per hour</div>
      <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;margin-top:1.5rem;">
        <div style="padding:1rem;background:var(--bg-secondary);border-radius:8px;"><div style="font-size:0.7rem;color:var(--text-muted);">Billable Hours/Year</div><div id="hours" style="font-weight:700;">0</div></div>
        <div style="padding:1rem;background:var(--bg-secondary);border-radius:8px;"><div style="font-size:0.7rem;color:var(--text-muted);">Revenue Needed</div><div id="revenue" style="font-weight:700;">$0</div></div>
        <div style="padding:1rem;background:var(--bg-secondary);border-radius:8px;"><div style="font-size:0.7rem;color:var(--text-muted);">Daily Rate (8h)</div><div id="daily" style="font-weight:700;">$0</div></div>
        <div style="padding:1rem;background:var(--bg-secondary);border-radius:8px;"><div style="font-size:0.7rem;color:var(--text-muted);">Monthly Revenue</div><div id="monthly" style="font-weight:700;">$0</div></div>
      </div>
    </div>
    <div class="tool-card" style="max-width:720px;">
      <h2 style="font-size:1rem;margin-bottom:0.75rem;">📖 About Freelance Rate Calculator</h2>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);">This freelance rate calculator helps independent contractors and self-employed professionals determine their ideal hourly rate. It accounts for your desired take-home salary, business expenses (software, insurance, equipment), taxes, vacation time, and profit margin. Unlike a simple salary-to-hourly conversion, it factors in that freelancers only bill about 60-70% of their working hours — the rest goes to admin, marketing, and business development. Perfect for new freelancers setting rates, experienced consultants reviewing pricing, and anyone transitioning from employment to self-employment. All calculations run privately in your browser. The key insight is that freelancers typically only bill 60-70% of their working hours — the rest goes to invoicing, marketing, admin, and business development. This calculator accounts for that reality.</p>
      <h3 style="font-size:0.9rem;margin-bottom:0.5rem;">How to Use</h3>
      <ol style="font-size:0.85rem;color:var(--text-muted);line-height:1.7;padding-left:1.2rem;">
        <li><strong>Set your salary goal</strong> — What you want to take home after taxes.</li>
        <li><strong>Add expenses</strong> — Software, insurance, equipment, co-working.</li>
        <li><strong>Set billable hours</strong> — Realistic hours you can bill each week.</li>
        <li><strong>See your rate</strong> — Minimum hourly rate to meet your goals.</li>
      </ol>
    </div>
    <div class="ad-zone">Ad Space</div>
    <div class="related-tools"><h2>Related Tools</h2><div class="related-grid"><a href="salary-calculator.html"><span class="tool-icon">💰</span> Salary</a><a href="invoice-generator.html"><span class="tool-icon">🧾</span> Invoice</a><a href="roi-calculator.html"><span class="tool-icon">💹</span> ROI</a><a href="percentage-calculator.html"><span class="tool-icon">%</span> Percentage</a></div></div>
    <div class="ad-zone ad-zone-bottom">Ad Space</div>
    <footer class="site-footer"><p>&copy; 2026 QuickTools.</p><div class="footer-links"><a href="index.html">All Tools</a></div></footer>
  </div>
  <script>
    function calc(){const salary=+document.getElementById('salary').value;const exp=+document.getElementById('expenses').value;
      const billable=+document.getElementById('billable').value;const weeksOff=+document.getElementById('weeksOff').value;
      const taxRate=+document.getElementById('tax').value/100;const profitRate=+document.getElementById('profit').value/100;
      const workWeeks=52-weeksOff;const billableHours=billable*workWeeks;
      const grossNeeded=(salary+exp)/(1-taxRate);const withProfit=grossNeeded*(1+profitRate);
      const hourly=Math.ceil(withProfit/billableHours);
      document.getElementById('rate').textContent='$'+hourly;document.getElementById('hours').textContent=billableHours;
      document.getElementById('revenue').textContent='$'+Math.round(withProfit).toLocaleString();
      document.getElementById('daily').textContent='$'+(hourly*8).toLocaleString();
      document.getElementById('monthly').textContent='$'+Math.round(withProfit/12).toLocaleString();
    }
    calc();
  </script>
<script src="ads.js"></script>
</body>
</html>