Free Online Tool

Groundwater Well Yield Calculator

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><style>html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;color:#1e293b;background:#fff;}body{margin:0;padding:0;background:#fff;color:#1e293b;}img{max-width:100%;height:auto;display:block;}table{max-width:100%;}</style></head><body><div id="wyc-wrap-01">
  <style>
    #wyc-wrap-01{
      --wyc-primary:#079fb0;
      --wyc-primary-dark:#05889a;
      --wyc-border:#9be8ef;
      --wyc-bg1:#f7fdff;
      --wyc-bg2:#eefafd;
      --wyc-text:#083b44;
      --wyc-soft:#eaf9fc;
      --wyc-white:#ffffff;
      --wyc-shadow:0 8px 24px rgba(7,159,176,0.10);
      --wyc-radius:18px;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--wyc-text);
      background: linear-gradient(180deg,var(--wyc-bg1),var(--wyc-bg2));
      border: 1px solid var(--wyc-border);
      border-radius: 22px;
      padding: 24px;
      max-width: 980px;
      margin: 20px auto;
      box-sizing: border-box;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
    }

#wyc-wrap-01 *{
      box-sizing: border-box;
    }

#wyc-wrap-01 .wyc-title{
      text-align:center;
      margin-bottom: 22px;
    }

#wyc-wrap-01 .wyc-title h2{
      margin:0 0 8px;
      font-size: 36px;
      line-height: 1.2;
      color:#075c69;
    }

#wyc-wrap-01 .wyc-title p{
      margin:0;
      font-size:15px;
      color:#436971;
    }

#wyc-wrap-01 .wyc-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:20px;
      align-items:start;
      margin-bottom: 20px;
    }

#wyc-wrap-01 .wyc-card{
      background:#f9feff;
      border:1px solid var(--wyc-border);
      border-radius: var(--wyc-radius);
      box-shadow: var(--wyc-shadow);
      padding: 18px;
      height:auto !important;
      max-height:none !important;
      overflow:visible !important;
    }

#wyc-wrap-01 .wyc-card h3{
      margin:0 0 16px;
      font-size:24px;
      color:#075c69;
    }

#wyc-wrap-01 .wyc-label{
      display:block;
      font-size:14px;
      font-weight:700;
      margin: 0 0 8px;
      color:#114c55;
    }

#wyc-wrap-01 .wyc-field{
      margin-bottom:16px;
    }

#wyc-wrap-01 .wyc-input-row{
      display:grid;
      grid-template-columns: 1fr 110px;
      gap:10px;
    }

#wyc-wrap-01 input,
    #wyc-wrap-01 select{
      width:100%;
      height:48px;
      border:1px solid var(--wyc-border);
      border-radius:12px;
      padding:0 14px;
      font-size:15px;
      color:var(--wyc-text);
      background:#fff;
      outline:none;
      box-shadow:none;
    }

#wyc-wrap-01 input:focus,
    #wyc-wrap-01 select:focus{
      border-color: var(--wyc-primary);
      box-shadow:0 0 0 3px rgba(7,159,176,0.10);
    }

#wyc-wrap-01 .wyc-btn{
      appearance:none;
      border:none;
      border-radius:12px;
      height:48px;
      padding:0 16px;
      font-size:15px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
    }

#wyc-wrap-01 .wyc-btn-primary{
      width:100%;
      background:linear-gradient(180deg,#12afc1,#079fb0);
      color:#fff;
      box-shadow:0 8px 18px rgba(7,159,176,0.18);
    }

#wyc-wrap-01 .wyc-btn-primary:hover{
      transform:translateY(-1px);
      background:linear-gradient(180deg,#10a9ba,#068fa0);
    }

#wyc-wrap-01 .wyc-btn-secondary{
      background:#dff5f8;
      color:#065e6b;
      border:1px solid var(--wyc-border);
      width:100%;
    }

#wyc-wrap-01 .wyc-btn-secondary:hover{
      background:#d2eff4;
    }

/* RESULT CARD FIX */
    #wyc-wrap-01 .wyc-result-card{
      background:#f9feff !important;
      border:1px solid var(--wyc-border);
      border-radius: var(--wyc-radius);
      box-shadow: var(--wyc-shadow);
      padding:18px;
      height:auto !important;
      max-height:none !important;
      overflow:visible !important;
    }

#wyc-wrap-01 .wyc-result-hero{
      background:linear-gradient(180deg,#17b3c3 0%, #0d9eb0 100%);
      border-radius:16px;
      padding:18px 16px;
      text-align:center;
      color:#fff;
      margin-bottom:14px;
      min-height:120px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
    }

#wyc-wrap-01 .wyc-result-hero .wyc-hero-label{
      font-size:13px;
      line-height:1.2;
      opacity:.95;
      margin-bottom:10px;
      font-weight:700;
    }

#wyc-wrap-01 .wyc-result-hero .wyc-hero-value{
      font-size:42px;
      line-height:1.05;
      font-weight:800;
      letter-spacing:.3px;
      margin-bottom:6px;
      word-break:break-word;
    }

#wyc-wrap-01 .wyc-result-hero .wyc-hero-unit{
      font-size:16px;
      font-weight:700;
      opacity:.98;
    }

#wyc-wrap-01 .wyc-result-row{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:center;
      background:#f2fbfd;
      border:1px solid var(--wyc-border);
      border-radius:12px;
      padding:12px 14px;
      margin-bottom:10px;
      font-size:14px;
    }

#wyc-wrap-01 .wyc-result-row span:last-child{
      font-weight:700;
      color:#075c69;
      text-align:right;
      word-break:break-word;
    }

#wyc-wrap-01 .wyc-equation{
      background:#f8feff;
      border:1px dashed #7ad9e3;
      border-radius:12px;
      padding:12px 14px;
      font-size:13px;
      color:#275760;
      margin:10px 0 14px;
      word-break:break-word;
    }

#wyc-wrap-01 .wyc-btn-row{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:10px;
    }

#wyc-wrap-01 .wyc-section{
      background:#f9feff;
      border:1px solid var(--wyc-border);
      border-radius: var(--wyc-radius);
      box-shadow: var(--wyc-shadow);
      padding:18px;
      margin-top:20px;
      height:auto !important;
      max-height:none !important;
      overflow:visible !important;
    }

#wyc-wrap-01 .wyc-section h3{
      margin:0 0 14px;
      font-size:24px;
      color:#075c69;
    }

#wyc-wrap-01 table{
      width:100%;
      border-collapse:collapse;
      font-size:14px;
      background:#fff;
      border-radius:12px;
      overflow:hidden;
    }

#wyc-wrap-01 thead th{
      background:#d9f3f7;
      color:#075c69;
      text-align:left;
      padding:12px 14px;
      border-bottom:1px solid var(--wyc-border);
    }

#wyc-wrap-01 tbody td{
      padding:12px 14px;
      border-bottom:1px solid #e7f6f8;
      vertical-align:top;
    }

#wyc-wrap-01 tbody tr:last-child td{
      border-bottom:none;
    }

#wyc-wrap-01 .wyc-two-col{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:20px;
      margin-top:20px;
    }

#wyc-wrap-01 .wyc-formula-box{
      display:inline-block;
      background:#dff6f9;
      border:1px solid var(--wyc-border);
      border-radius:12px;
      padding:10px 14px;
      font-weight:800;
      color:#054f5a;
      margin:8px 0 12px;
    }

#wyc-wrap-01 ul{
      margin:0;
      padding-left:18px;
    }

#wyc-wrap-01 li{
      margin:0 0 8px;
    }

#wyc-wrap-01 .wyc-note{
      font-size:13px;
      color:#52747b;
      margin-top:10px;
    }

@media (max-width: 768px){
      #wyc-wrap-01{
        padding:16px;
      }

#wyc-wrap-01 .wyc-title h2{
        font-size:28px;
      }

#wyc-wrap-01 .wyc-grid,
      #wyc-wrap-01 .wyc-two-col{
        grid-template-columns: 1fr;
      }

#wyc-wrap-01 .wyc-input-row{
        grid-template-columns:1fr;
      }

#wyc-wrap-01 .wyc-result-hero .wyc-hero-value{
        font-size:34px;
      }

#wyc-wrap-01 .wyc-btn-row{
        grid-template-columns:1fr 1fr;
      }

#wyc-wrap-01 table{
        font-size:13px;
      }
    }
  </style>

<div class="wyc-title">
    <h2>Well Yield Calculator</h2>
    <p>Calculate the maximum flow rate of water that a well can produce under given conditions.</p>
  </div>

<div class="wyc-grid">
    
    <div class="wyc-card">
      <h3>Input Values</h3>

<div class="wyc-field">
        <label class="wyc-label" for="wyc_area_01">Cross-Sectional Area A</label>
        <div class="wyc-input-row">
          <input type="number" id="wyc_area_01" placeholder="Enter area" step="any" min="0">
          <select id="wyc_area_unit_01">
            <option value="1">m²</option>
            <option value="0.0001">cm²</option>
            <option value="1000000">km²</option>
            <option value="0.092903">ft²</option>
          </select>
        </div>
      </div>

<div class="wyc-field">
        <label class="wyc-label" for="wyc_velocity_01">Water Velocity v</label>
        <div class="wyc-input-row">
          <input type="number" id="wyc_velocity_01" placeholder="Enter velocity" step="any" min="0">
          <select id="wyc_velocity_unit_01">
            <option value="1">m/s</option>
            <option value="0.01">cm/s</option>
            <option value="0.3048">ft/s</option>
            <option value="0.2777777778">km/h</option>
          </select>
        </div>
      </div>

<button class="wyc-btn wyc-btn-primary" onclick="wycCalc01()">Calculate Well Yield</button>
      <div style="height:10px;"></div>
      <button class="wyc-btn wyc-btn-secondary" onclick="wycReset01()">Reset</button>
    </div>

<div class="wyc-result-card">
      <h3>Result</h3>

<div class="wyc-result-hero">
        <div class="wyc-hero-label">Well Yield, Q</div>
        <div class="wyc-hero-value" id="wyc_main_value_01">0.00</div>
        <div class="wyc-hero-unit">m³/s</div>
      </div>

<div class="wyc-result-row">
        <span>Well Yield in m³/s</span>
        <span id="wyc_q_m3s_01">0.00 m³/s</span>
      </div>

<div class="wyc-result-row">
        <span>Well Yield in L/s</span>
        <span id="wyc_q_ls_01">0.00 L/s</span>
      </div>

<div class="wyc-result-row">
        <span>Well Yield in m³/h</span>
        <span id="wyc_q_m3h_01">0.00 m³/h</span>
      </div>

<div class="wyc-result-row">
        <span>Converted Area A</span>
        <span id="wyc_area_conv_01">0.00 m²</span>
      </div>

<div class="wyc-result-row">
        <span>Converted Velocity v</span>
        <span id="wyc_velocity_conv_01">0.00 m/s</span>
      </div>

<div class="wyc-btn-row">
        <button class="wyc-btn wyc-btn-secondary" onclick="wycCopy01()">Copy Result</button>
        <button class="wyc-btn wyc-btn-secondary" onclick="wycPrint01()">Print</button>
      </div>
    </div>
  </div>

<div class="wyc-section">
    <h3>Unit Conversion &amp; Result Breakdown</h3>
    <table>
      <thead>
        <tr>
          <th>Item</th>
          <th>Converted Value</th>
          <th>Used In Formula</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Cross-Sectional Area A</td>
          <td id="wyc_tbl_area_01">0.00 m²</td>
          <td>Cross-sectional area of the well</td>
        </tr>
        <tr>
          <td>Water Velocity v</td>
          <td id="wyc_tbl_velocity_01">0.00 m/s</td>
          <td>Velocity of water flow</td>
        </tr>
        <tr>
          <td>Well Yield Q</td>
          <td id="wyc_tbl_q_01">0.00 m³/s</td>
          <td>Q = A × v</td>
        </tr>
        <tr>
          <td>Well Yield in L/s</td>
          <td id="wyc_tbl_ls_01">0.00 L/s</td>
          <td>Q × 1000</td>
        </tr>
        <tr>
          <td>Well Yield in m³/h</td>
          <td id="wyc_tbl_m3h_01">0.00 m³/h</td>
          <td>Q × 3600</td>
        </tr>
      </tbody>
    </table>
  </div>

<div class="wyc-two-col">
    <div class="wyc-section">
      <h3>Formula Used</h3>
      <p>This calculator estimates well yield using the following equation:</p>
      <div class="wyc-formula-box">Q = A × v</div>
      <p>Where:</p>
      <p><strong>Q</strong> = Well yield (m³/s)<br>
      <strong>A</strong> = Cross-sectional area of the well (m²)<br>
      <strong>v</strong> = Velocity of water flow (m/s)</p>
    </div>

<div class="wyc-section">
      <h3>How to Use</h3>
      <ul>
        <li>Enter the cross-sectional area of the well.</li>
        <li>Select the area unit from the dropdown.</li>
        <li>Enter the water flow velocity.</li>
        <li>Select the velocity unit.</li>
        <li>Click “Calculate Well Yield” to get the result instantly.</li>
      </ul>
      <div class="wyc-note">
        Tip: Agar aap multiple dafa values change karke calculate karein to result har dafa properly update hoga.
      </div>
    </div>
  </div>

function wycCalc01(){
      var areaInput = parseFloat(document.getElementById('wyc_area_01').value);
      var areaUnit = parseFloat(document.getElementById('wyc_area_unit_01').value);
      var velocityInput = parseFloat(document.getElementById('wyc_velocity_01').value);
      var velocityUnit = parseFloat(document.getElementById('wyc_velocity_unit_01').value);

if (isNaN(areaInput) || isNaN(velocityInput) || areaInput < 0 || velocityInput < 0){
        alert('Please enter valid positive numbers for area and velocity.');
        return false;
      }

var areaM2 = areaInput * areaUnit;
      var velocityMS = velocityInput * velocityUnit;
      var qM3S = areaM2 * velocityMS;
      var qLS = qM3S * 1000;
      var qM3H = qM3S * 3600;

document.getElementById('wyc_main_value_01').textContent = wycFormat01(qM3S);
      document.getElementById('wyc_q_m3s_01').textContent = wycFormat01(qM3S) + ' m³/s';
      document.getElementById('wyc_q_ls_01').textContent = wycFormat01(qLS) + ' L/s';
      document.getElementById('wyc_q_m3h_01').textContent = wycFormat01(qM3H) + ' m³/h';
      document.getElementById('wyc_area_conv_01').textContent = wycFormat01(areaM2) + ' m²';
      document.getElementById('wyc_velocity_conv_01').textContent = wycFormat01(velocityMS) + ' m/s';

document.getElementById('wyc_tbl_area_01').textContent = wycFormat01(areaM2) + ' m²';
      document.getElementById('wyc_tbl_velocity_01').textContent = wycFormat01(velocityMS) + ' m/s';
      document.getElementById('wyc_tbl_q_01').textContent = wycFormat01(qM3S) + ' m³/s';
      document.getElementById('wyc_tbl_ls_01').textContent = wycFormat01(qLS) + ' L/s';
      document.getElementById('wyc_tbl_m3h_01').textContent = wycFormat01(qM3H) + ' m³/h';

document.getElementById('wyc_equation_01').textContent =
        'Q = A × v = (' + wycFormat01(areaM2) + ' m² × ' + wycFormat01(velocityMS) + ' m/s) = ' + wycFormat01(qM3S) + ' m³/s';

return false;
    }

function wycReset01(){
      document.getElementById('wyc_area_01').value = '';
      document.getElementById('wyc_area_unit_01').value = '1';
      document.getElementById('wyc_velocity_01').value = '';
      document.getElementById('wyc_velocity_unit_01').value = '1';

document.getElementById('wyc_main_value_01').textContent = '0.00';
      document.getElementById('wyc_q_m3s_01').textContent = '0.00 m³/s';
      document.getElementById('wyc_q_ls_01').textContent = '0.00 L/s';
      document.getElementById('wyc_q_m3h_01').textContent = '0.00 m³/h';
      document.getElementById('wyc_area_conv_01').textContent = '0.00 m²';
      document.getElementById('wyc_velocity_conv_01').textContent = '0.00 m/s';

document.getElementById('wyc_tbl_area_01').textContent = '0.00 m²';
      document.getElementById('wyc_tbl_velocity_01').textContent = '0.00 m/s';
      document.getElementById('wyc_tbl_q_01').textContent = '0.00 m³/s';
      document.getElementById('wyc_tbl_ls_01').textContent = '0.00 L/s';
      document.getElementById('wyc_tbl_m3h_01').textContent = '0.00 m³/h';

document.getElementById('wyc_equation_01').textContent = 'Q = A × v';
    }

function wycCopy01(){
      var text =
        'Well Yield Calculator Resultn' +
        'Well Yield: ' + document.getElementById('wyc_q_m3s_01').textContent + 'n' +
        'In L/s: ' + document.getElementById('wyc_q_ls_01').textContent + 'n' +
        'In m³/h: ' + document.getElementById('wyc_q_m3h_01').textContent + 'n' +
        'Area: ' + document.getElementById('wyc_area_conv_01').textContent + 'n' +
        'Velocity: ' + document.getElementById('wyc_velocity_conv_01').textContent + 'n' +
        document.getElementById('wyc_equation_01').textContent;

if (navigator.clipboard && navigator.clipboard.writeText){
        navigator.clipboard.writeText(text).then(function(){
          alert('Result copied successfully.');
        }, function(){
          wycFallbackCopy01(text);
        });
      } else {
        wycFallbackCopy01(text);
      }
    }