.pool-calc-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 800px;
margin: 20px auto;
padding: 25px;
border: 1px solid #e1e1e1;
border-radius: 12px;
background-color: #f9fdfd;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.pool-calc-header {
text-align: center;
margin-bottom: 25px;
}
.pool-calc-header h2 {
color: #0077be;
margin-bottom: 10px;
}
.pool-input-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
@media (max-width: 600px) {
.pool-input-grid { grid-template-columns: 1fr; }
}
.pool-input-group {
display: flex;
flex-direction: column;
}
.pool-input-group label {
font-weight: 600;
margin-bottom: 8px;
color: #333;
}
.pool-input-group input, .pool-input-group select {
padding: 12px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 16px;
}
.pool-calc-btn {
width: 100%;
background-color: #0077be;
color: white;
padding: 15px;
border: none;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s;
}
.pool-calc-btn:hover {
background-color: #005f99;
}
.pool-result-box {
margin-top: 25px;
padding: 20px;
background-color: #e3f2fd;
border-radius: 8px;
display: none;
border-left: 5px solid #0077be;
}
.pool-result-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
color: #0056b3;
}
.pool-result-value {
font-size: 24px;
color: #333;
}
.pool-article {
margin-top: 40px;
line-height: 1.6;
color: #444;
}
.pool-article h3 {
color: #0077be;
margin-top: 25px;
}
.pool-article table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.pool-article th, .pool-article td {
border: 1px solid #ddd;
padding: 12px;
text-align: left;
}
.pool-article th {
background-color: #f2f2f2;
}
Calculate Dosage
How to Use the Pool Shock Calculator
To keep your swimming pool water crystal clear and safe, you must periodically "shock" the water. This process involves adding a large dose of chlorine to break down combined chloramines, kill algae, and eliminate bacteria. This calculator helps you determine the precise amount of chemical required based on your specific pool volume and the strength of the product you are using.
Calculation Example
If you have a 20,000-gallon pool , a current chlorine level of 1 ppm , and you want to reach a "breakpoint" of 10 ppm using 12.5% Liquid Chlorine :
Required Increase: 9 ppm (10 – 1)
Formula for 12.5% Liquid: 10.7 fluid ounces raises 10,000 gallons by 1 ppm.
Calculation: (20,000 / 10,000) * 9 ppm * 10.7 oz = 192.6 ounces.
Result: Approximately 1.5 gallons of liquid shock.
Common Shock Product Strengths
Chemical Type
Typical Strength
Form
Liquid Chlorine
10% – 12.5%
Liquid
Calcium Hypochlorite (Cal-Hypo)
65% – 73%
Granular
Sodium Dichlor
56%
Granular
Safety Tips for Shocking Your Pool
Always add chemicals to water , never water to chemicals, to avoid dangerous reactions.Shock at night : The sun's UV rays burn off unstabilized chlorine quickly. Shocking at dusk ensures the chemical works through the night.Circulate the water : Keep your pool pump running for at least 8-12 hours after shocking to distribute the chemical evenly.Wait to swim : Do not swim until chlorine levels have dropped back down to the safe range (typically 1-4 ppm).
function calculatePoolShock() {
var gallons = parseFloat(document.getElementById('poolGallons').value);
var currentFC = parseFloat(document.getElementById('currentFC').value);
var targetFC = parseFloat(document.getElementById('targetFC').value);
var type = document.getElementById('shockType').value;
var resultDiv = document.getElementById('poolResult');
var output = document.getElementById('dosageOutput');
var note = document.getElementById('dosageNote');
if (isNaN(gallons) || gallons <= 0) {
alert("Please enter a valid pool volume.");
return;
}
if (isNaN(currentFC)) currentFC = 0;
if (isNaN(targetFC) || targetFC = 128) {
displayVal = (amount / 128).toFixed(2) + " Gallons (" + Math.round(amount) + " fl oz)";
} else if (amount >= 32) {
displayVal = (amount / 32).toFixed(2) + " Quarts (" + Math.round(amount) + " fl oz)";
} else {
displayVal = amount.toFixed(1) + " fl oz";
}
note.innerHTML = "Note: Measure liquid volume using a dedicated chemical measuring cup.";
} else {
if (amount >= 16) {
displayVal = (amount / 16).toFixed(2) + " lbs (" + Math.round(amount) + " oz)";
} else {
displayVal = amount.toFixed(1) + " oz";
}
note.innerHTML = "Note: Dosing is by weight. For granular products, use a scale or a scoop calibrated for the specific product.";
}
output.innerHTML = "Add
" + displayVal + " of " + document.getElementById('shockType').options[document.getElementById('shockType').selectedIndex].text;
resultDiv.style.display = "block";
}