Run Pace Calculator - Online Min/Mile & Min/Km Splits
Calculate your running pace per mile/km, finish time for a race, and split times. Essential for runners.
UD5 Toolkit
Calculate your race pace, splits, and predict finish times instantly
| # | Distance | Split Time | Cumulative Time |
|---|
| Race Distance | Predicted Time | Predicted Pace |
|---|
Predictions use the Riegel formula: Tâ = Tâ Ă (Dâ/Dâ)1.06. Based on your input distance and time.
Calculate your running pace per mile/km, finish time for a race, and split times. Essential for runners.
Test how fast you can convert between binary and decimal. Timed drills with increasing difficulty. Learn baseâ2 fluency.
Add grid items beyond defined tracks and see how implicit rows/columns expand. Set sizes interactively. Master the grid.
Match gap size around doors/windows to the correct type of weather stripping (foam, V-strip, door sweep). Save energy.
Set a custom accent color for checkboxes, radios, range, and progress. See the browserâs rendering. Copy the CSS.
See the Pantone Colors of the Year and popular palettes from past years. Get hex codes. Design inspiration.
Virtually fold a digital paper and cut out shapes to see a snowflake unfold. Experiment with designs before real scissors. Pure creative fun.
Enter a URL and drag a slider to change the viewport width smoothly. See exactly where your layout breaks. No iframe limits.
Convert screen RGB colors to print-ready CMYK values. Understand color shifts before printing. Ideal for graphic designers preparing artwork for press.
Test the upcoming contrastâcolor() CSS function. Get white or black automatically for a given background. See it live.
Style an `<input type='range'>` with custom track and thumb. Crossâbrowser CSS. Preview and copy the code.
Use <input type='color'> and see its change events and value in hex. Understand the native color picker. Quick demo.
Pick a base color and generate a full palette of 10 shades (50 to 900) like Tailwind CSS. Copy as hex or hsl.
Classic HSV color wheel with sliders. See hex, RGB, and HSL equivalents. Intuitive for artists. No server interaction.
Convert RGB and RGBA color values to their HEX or HEX+alpha representation. Live preview and copy CSS color strings instantly.
Randomly show a Q-code and select correct meaning. Learn while having fun. For your license exam.
Scramble letters of any word or sentence to create anagrams. Great for brain teasers and vocabulary games. Simple, fun, and client-side.
Paste body text and test different font/background combos. See an actual passage rendered, not just a ratio. True feel for legibility.
Pick a color in the DisplayâP3 space and get the CSS color() function. See the difference from sRGB. For modern design.
Build the same layout with both Grid and Flexbox side by side. See the code differences and visual results.
Test if your display supports HDR colors by rendering a gradient in Rec.2020 space. See what you're missing. Canvas based.
Enter a list of names and spin a wheel to pick a random winner. Remove picked names to avoid duplicates. Perfect for classrooms or contests.
Encrypt and decrypt messages using the classic Caesar cipher with configurable shift key. Fun for puzzles and basic cryptography lessons. Entirely browser-based.
Unscramble jumbled letters to form words. Timed challenge mode with hints. Compares against built-in dictionary. Improve vocabulary while having fun.
Create a pure HTML/CSS accordion using <details> elements. Add custom styling and get the clean code. No JavaScript required.
Enter a palette of colors and see a grid showing whether each foreground/background pair passes AA or AAA contrast. Must for designers.
Input RGB values and see the HSL equivalent with a color preview. Understand lightness and saturation. Local.
A complete, searchable list of all 140+ named HTML/CSS colors with their hex codes and color previews. Click to copy code. Essential web reference.
Find the official name of any hex color from the extended color dictionary. Search by name to get the hex code. Handy for CSS and design language.
Quickly convert HEX color codes to RGB values and vice versa. See the color preview. Indispensable for web developers and graphic designers.