Roof footprint + pitch → real sloped area, roofing squares, shingle bundles or sheets and underlayment rolls — metric & US, browser-only
- Runs locally
- Category Calculator
- Best for Getting a realistic range before a purchase, plan, workout, or schedule decision.
A 6/12 roof = 26.6° = 50% grade = factor 1.118.
Per-unit coverage of one metal panel or one tile. Asphalt is priced by bundle (3 per square), computed for you.
What this tool does
A roofing material calculator that turns the footprint you can measure from the ground into the materials you actually have to buy. The trap that catches almost everyone: a sloped roof has more surface than its flat footprint, so ordering off the footprint leaves you three shingles short on the last ridge. This tool applies the pitch factor — √(1 + (rise/run)²) — so a 6/12 roof turns a 100 m² footprint into ~111.8 m² of real roof before a single bundle is counted.
Enter the footprint as length × width or paste an area straight in, then set the pitch in whichever form your drawings use: x-in-12 (US standard), degrees, or percent grade. A 6/12 roof reads as 26.6°, 50% grade, and a factor of 1.118, and the tool shows that factor live so you can sanity- check it against the plan.
Pick a material and the estimate adapts. Asphalt shingles are priced by bundle (3 bundles per roofing square), so the tool reports bundles directly. Metal panels and tiles are counted as structural units against their per-unit coverage. Every job also returns roofing squares (100 sqft each — the unit shingles and labour are quoted in) and the underlayment rolls you need. An adjustable waste margin (10% by default, clamped to a sane 0–50%) covers cuts at hips, valleys and rakes so you do not run short mid-course.
Both unit systems are first-class: metric works in m² with panel, tile and roll defaults sized to common products, US imperial works in sqft with a 3 × 12 ft standing-seam panel and 1000 sqft synthetic underlayment roll. Everything runs in your browser — no upload, no sign-up — and the footprint, pitch and waste live in the URL so a "share this estimate" link reopens the exact same roof for your roofer or supplier.
Tool details
- Input
- Numbers
- The page exposes text boxes, numeric controls, file pickers, or structured inputs depending on the tool.
- Output
- Live result + Copy
- The result area focuses on usable output, with copy, download, or preview actions when supported.
- Privacy
- Browser-side processing
- The main tool logic does not call an external API, so inputs normally stay in the current tab.
- Save / share
- Shareable URL state
- Key settings are encoded in the URL so another person can reopen the same setup.
- Performance budget
- Initial JS <= 12 KB
- No WASM budget is declared, keeping the tool quick to open on mobile.
- Best fit
- Calculator · Designer
- Category and role tags drive related tools, internal links, and quick fit checks.
How to use
-
1. Input
Paste or drop your content into the tool panel.
-
2. Process
Click the button. All processing is local in your browser.
-
3. Copy / Download
Copy the result or download to disk in one click.
How Roofing Calculator fits into your work
Use it for fast estimates, comparisons, and planning numbers before you make the final call.
Calculation jobs
- Getting a realistic range before a purchase, plan, workout, or schedule decision.
- Comparing scenarios by changing one input at a time.
- Turning rough assumptions into a number you can discuss.
Calculation checks
- Double-check units, dates, rates, and rounding assumptions.
- Treat health, finance, tax, and legal outputs as planning aids, not professional advice.
- Save the inputs that produced an important result so you can reproduce it later.
Good next steps
These links move the current task into a more complete workflow.
- 1 Paint Calculator Wall area → litres & cans of paint, with doors/windows deducted, coats and price — metric & US units, browser-only Open
- 2 Concrete Calculator Slab, column, round footing & stairs → cubic meters/yards + cement bags, sand and gravel — browser-only Open
- 3 Tile Calculator Room area + tile size + grout joint + waste → tiles, boxes, and cost — metric or imperial, browser-only. Open
Real-world use cases
Order shingles for a gable roof without running short
Your house has a simple gable roof on a 12 × 8 m footprint at a 6/12 pitch, and you are buying asphalt shingles. Type 12 and 8 for the footprint, set the pitch mode to x/12 and type 6, leave material on asphalt and waste at 10%. The tool reads a 1.118 factor, ~107 m² sloped, ~118 m² with waste, around 12.7 squares, and rounds up to the bundles you put in the cart — plus the underlayment rolls. Now you walk into the supplier with a bundle count instead of a footprint that would have left you short on the last course.
Translate an x/12 pitch off a US drawing to a metric job
A US plan calls a "6 in 12" pitch but your roof is measured in metres. Keep the pitch mode on x/12 and type 6 — the factor is the same 1.118 regardless of unit system — then switch the area units to metric and enter the footprint in m². The pitch factor is dimensionless, so the one number that actually drives the sloped area carries straight across, and you stop converting 26.6° or 50% grade in your head at the merchant's counter.
Compare metal panels against tiles for the same roof
You are deciding between standing-seam metal and concrete tiles for a 150 m² footprint at 4/12. Enter the footprint and pitch once, then tap between the Metal and Tile material chips. Metal counts the roof as 3 × 12 ft-equivalent panels; tile counts it as ~1 sqft-each tiles, so you see how many structural units each option needs against the same sloped area — useful when one supplier quotes per panel and the other per tile.
Check a roofer's quoted squares before you sign
A roofer says your roof is "about 30 squares." Measure the footprint, set the pitch they assumed, and read the squares the tool computes. If it says 24 squares for a 5/12 roof and they quoted 30, either they are padding the area, assuming a steeper pitch, or counting tear-off separately — now you can ask the right question instead of nodding along to a number you could not check.
Size underlayment rolls separately from the finish material
Underlayment and shingles are bought in different units and often on different days. Run your footprint and pitch, then read the rolls line on its own — a synthetic roll covers ~1000 sqft (10 squares), so a mid-size roof is two or three rolls. Buy those first to dry-in the deck before the weather turns, and come back for the finish material once the felt is down.
Common pitfalls
Estimating off the flat footprint instead of the sloped area. A roof is not flat — a 6/12 pitch adds ~12% surface, a 9/12 adds ~25%. Skipping the pitch factor is the number-one reason a roof finishes a course or two short. The tool applies √(1 + (rise/run)²) for you; just make sure you typed the real pitch, not zero.
Mixing up the three pitch modes. "6" means very different things as 6/12 (factor 1.118), 6 degrees (factor 1.005) or 6% grade (factor 1.002). After switching the pitch mode, re-type the value in that form and glance at the live factor — a 6/12 roof should read 1.118, not 1.005.
Counting squares for asphalt but forgetting the bundles round up. A roofing square needs ~3 bundles, but you buy whole bundles per the rounded count, not a fractional square. Read the bundle line, not the squares line, when you are actually buying shingles — and remember underlayment rolls are a separate purchase.
Setting waste to zero on a complex roof. Hips, valleys and rakes all generate offcuts you cannot reuse. A plain gable can sit near 8–10%, but a cut-up hip roof with valleys justifies 12–15%. Zero waste is how you end up one bundle short on the steepest, hardest-to-reach plane.
Privacy
Every calculation — the pitch-to-ratio conversion, the √(1 + (rise/run)²) pitch factor, the sloped-area geometry, the metric/imperial conversions, and the bundle, sheet and roll rounding — is plain JavaScript running in your browser tab. No footprint, pitch or result is ever uploaded, logged, or sent to a server. Your unit system, material choice and waste preference are saved only in your browser's local storage, so the tool remembers them next visit; clearing site data wipes them. One note: the shareable URL encodes your footprint, dimensions, pitch and waste in the query string (e.g. "?l=12&w=8&p=6") so a "share estimate" link reopens the same roof. Those are harmless dimensions, but if you would rather not put a project's measurements in a link, copy the result text instead.
FAQ
Tool combos
Folks in your role tend to reach for these alongside this tool.
- ASCII Art Generator Generate ASCII art from text — figlet-style banners, multiple fonts.
- Avatar Generator Generate avatars from initials, identicons, or random shapes. Download PNG/SVG.
- Base64 Encoder & Decoder Encode or decode Base64 — text, files, and Data URLs. Runs entirely in your browser.
- Base64 Image Converter Image ⇄ Base64 — drag-drop PNG/JPG/WebP/SVG, get data URI for CSS / HTML / Markdown.