ASCII Table - Online Character Code Reference
Interactive ASCII table showing decimal, hex, octal, and binary codes for all standard and extended ASCII characters. A classic programmer reference.
UD5 Toolkit
Instantly transform HTML <table> code into clean, well-formatted Markdown tables
Everything you need to know about HTML to Markdown table conversion
<table> markup into Markdown-formatted tables. Markdown tables use simple pipe (|) and dash (-) syntax, making them ideal for README files, GitHub/GitLab documentation, static site generators like Jekyll or Hugo, and any Markdown-based writing workflow. This tool preserves table structure, handles colspan and rowspan attributes, and can even convert inline HTML elements like links and bold text into their Markdown equivalents.
colspan and rowspan attributes into a normalized grid before generating the Markdown table. For colspan, the cell is duplicated across the specified number of columns in the same row. For rowspan, placeholder cells are inserted in subsequent rows at the correct column positions. This ensures the final Markdown table has a consistent number of columns per row, which is required by the Markdown table specification. If the original HTML table has irregular structures, the tool automatically pads rows with empty cells to maintain alignment.
<table> elements, the converter processes all of them and outputs each as a separate Markdown table, separated by blank lines. This is useful when converting documentation pages or HTML reports that contain several tables. The tool also displays the total number of tables detected, along with row and column counts for each one.
<a href="url">text</a> → [text](url)<strong>bold</strong> → **bold**<em>italic</em> → *italic*<code>code</code> → `code`<img src="url" alt="desc"> → <br> → preserved as <br> (Markdown-compatible)<table> inside another table's cell) are not fully supported in the Markdown output because standard Markdown does not support nested table structures. If a nested table is detected, its content will be extracted as plain text. For best results, avoid nesting tables and consider restructuring your data into separate, independent tables before conversion.
|) within cell content by prefixing them with a backslash (\|), preventing them from being interpreted as column separators. Other special Markdown characters like asterisks and underscores are preserved as-is since they typically render correctly within table cells. HTML entities (e.g., &, <) are automatically decoded during parsing.
|) in the output Markdown table so that all columns have consistent widths. This makes the raw Markdown much easier to read and edit. Without Pretty Print, each column is only as wide as its content (plus one space on each side), which can look jagged. With Pretty Print enabled, extra spaces are added to shorter cells so that the table appears neatly aligned in plain text — this is purely cosmetic and doesn't affect how the table renders.
Interactive ASCII table showing decimal, hex, octal, and binary codes for all standard and extended ASCII characters. A classic programmer reference.
Enter color in any CSS format and see all other representations. Live preview. Swatch history.
See every HTML input type in one page. Check browser support and styling. Copy sample markup. Quick frontend reference.
Use wrap‑per‑inch (WPI) to identify mystery yarn and see equivalent standard weights (fingering, worsted). Compensate gauge.
Convert RGB and RGBA color values to their HEX or HEX+alpha representation. Live preview and copy CSS color strings instantly.
Add grid items beyond defined tracks and see how implicit rows/columns expand. Set sizes interactively. Master the grid.
Set the number of lines and generate the CSS for multi‑line truncation using the standard line‑clamp and fallback. Quick copy.
Browse a beautifully designed periodic table with electron shell visualization and key facts. Click any element to learn more. Offline ready.
Style an `<input type='range'>` with custom track and thumb. Cross‑browser CSS. Preview and copy the code.
Quickly convert HEX color codes to RGB values and vice versa. See the color preview. Indispensable for web developers and graphic designers.
Enter HSL values and get the exact RGB representation. Also shows hex. For fine‑tuning design tokens. Client‑side.
Set a custom accent color for checkboxes, radios, range, and progress. See the browser’s rendering. Copy the CSS.
Style the <progress> and <meter> elements with cross‑browser CSS. Adjust colors and sizes. Copy the final styles.
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.
Input RGB values and see the HSL equivalent with a color preview. Understand lightness and saturation. Local.
Test the upcoming contrast‑color() CSS function. Get white or black automatically for a given background. See it live.
Pick a color in the Display‑P3 space and get the CSS color() function. See the difference from sRGB. For modern design.
Select colors in the OKLCH space with lightness, chroma, and hue. Convert to hex, RGB, and CSS oklch(). Perceptually uniform gradients.
Convert screen RGB colors to print-ready CMYK values. Understand color shifts before printing. Ideal for graphic designers preparing artwork for press.
Paste a cURL command and convert it into a minimal Postman collection JSON. Import and run. Local only.
Fill out a clean budget worksheet with income and expense categories. See totals and print. No data stored.
Use <input type='color'> and see its change events and value in hex. Understand the native color picker. Quick demo.
Write modern CSS color functions like oklch(), lab(), hwb() and see the rendered color with fallback. Copy compatible code.
Generate a dummy RSA or EC public/private key pair for educational visualization. Shows key structure and ASN.1 dump. Not for production use.
Convert between pace (min/km, min/mile) and speed (km/h, mph). Predict race finish times for 5k, 10k, half and full marathon based on a recent split. Works offline.
Paste a stylesheet and extract every unique color (hex, rgb, hsl) into a palette. Swatches displayed. Copy as JSON.
Animated guide to sew a basic book or journal. Step-by-step with tips. Creative starter.
Match gap size around doors/windows to the correct type of weather stripping (foam, V-strip, door sweep). Save energy.
Build the same layout with both Grid and Flexbox side by side. See the code differences and visual results.
Use named grid lines instead of column numbers. See how they simplify placement. Visual, interactive learning.