Calculate your sourdough starter hydration percentage instantly. Use this baker's percentage tool to master flour and water ratios for perfect bread baking.
AI Generation Prompt
Sourdough Starter Hydration Calculator
Overview
A precision-focused, single-file utility designed for artisan bakers to accurately calculate and manipulate sourdough starter hydration levels. This tool eliminates manual math, providing instant visual feedback on baker's percentages, helping bakers maintain consistency across all fermentation cycles.
Core Features
- Live Hydration Calculation: Real-time updates as users input flour and water weights.
- Baker's Percentage Logic: Displays the calculated hydration ratio automatically.
- Feeding Adjuster: A secondary mode that calculates exactly how much flour/water to add to a current starter to reach a desired target hydration.
- Unit Flexibility: Toggle between Grams (g) and Ounces (oz) to accommodate global baking preferences.
- Clean Results View: A clear, summarized dashboard displaying the resulting hydration level with visual indicators (e.g., "Stiff Starter" vs. "Liquid Leaven").
UI/UX Design Specification
- Aesthetic: Clean, minimalist "SaaS" style. High white space, soft shadows, and subtle borders.
- Color Palette:
- Primary Action (Calculate/Convert):
#2563eb(Modern Blue) - Background:
#f8fafc(Off-white) - Cards/Containers:
#ffffffwith thin#e2e8f0border - Typography: Inter or system-sans-serif,
#1e293b(Dark Slate)
- Primary Action (Calculate/Convert):
- Layout:
- Header: Simple, descriptive title.
- Main Area: A two-column grid (desktop) that stacks on mobile. Left side for inputs, right side for live results.
- Interactive Elements: Large, easy-to-tap buttons and input fields with focus states.
- Animations: Subtle fade-ins for result updates using CSS transitions (duration 200ms). No jarring layout shifts.
Technical Directives
- Single-File Architecture: All HTML, CSS, and JavaScript must exist in one
.htmlfile. CSS should be in<style>, JS in<script>. - State Management: Strict in-memory variables only. Do NOT use localStorage, sessionStorage, or cookies. The app must be fully functional in an iframe with disabled storage.
- Accessibility: Semantic HTML5 elements (
<main>,<section>,<article>,<button>). Ensure tab indexing is logical. - Responsive: Use CSS Flexbox/Grid for fluid behavior. Minimum width support: 320px.
- No Popups: Implement any alerts or notifications (e.g., invalid input warnings) as custom CSS-styled modal layers within the DOM.
- Dependencies: CDN-based Tailwind CSS is allowed for layout styling. No other heavy frameworks (Vue/React) are permitted.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How do I calculate sourdough starter hydration percentage?
To calculate hydration, divide the weight of the water by the weight of the flour in your starter mixture, then multiply the result by 100. For example, if you have 50 grams of flour and 50 grams of water, the hydration is 100%. This is the standard ratio for many active starters, but variations are common depending on your specific baking goals. Our online calculator automates this math, allowing you to input the specific weights of your ingredients without manual calculation. Whether you are maintaining a stiff starter or a liquid leaven, this tool ensures accuracy, which is the foundational step for achieving consistent fermentation and predictable bread quality every time you bake.
Why is hydration percentage important in artisan bread baking?
Hydration percentage significantly dictates the handling properties of your dough, the final crumb structure, and the overall extensibility of your bread. Higher hydration percentages (often 80% and above) lead to more open, airy, and gelatinized crumb structures, while lower percentages (below 60%) result in a tighter, more uniform crumb that is easier to shape for beginners. Controlling the hydration of your starter is the first step in controlling the final dough hydration. By using this calculator to precisely adjust your starter's feed, you gain the ability to replicate successful bakes consistently, reducing variables and allowing you to focus on developing flavor through longer fermentation periods.
Does this tool save my recipe data?
This application operates entirely within your browser's volatile memory and does not utilize localStorage, cookies, or any database connection. Because it is designed with privacy and security in mind, no data is stored between sessions or transmitted to a server. When you refresh or close the page, all your input data is permanently cleared. This architecture ensures that your baking experiments remain private and localized to your device. While this means you cannot save your hydration logs for future reference, it provides a fast, clean, and secure utility that works reliably in any modern web browser without requiring account creation or intrusive tracking.
Can I use this calculator for sourdough discard recipes?
Yes, this tool is highly effective for managing sourdough discard ratios, especially when converting older discard into a refreshed starter. You can input the existing weight of your discard and calculate exactly how much water and flour are needed to hit a target hydration percentage, ensuring you always have a balanced ratio for your baking needs. Adjusting discard hydration is common when trying to maintain different consistencies for specific recipes, such as crackers, pancakes, or waffles versus artisan boules. By calculating your starting point accurately using this tool, you can minimize waste and ensure your leavening agent is always at the optimal strength for your intended application.
Related Applications
Free EDI X12 Syntax Highlighter & Parser Tool
@Akhenaten
Free Online SQL Query Minifier & Code Compressor Tool
@Akhenaten
Free Hardy-Weinberg Equilibrium Allele Frequency Calculator
@Akhenaten
Free Scroll Progress Bar Code Generator - HTML/CSS/JS
@Akhenaten