Home / Web Development Tools

Web Development Tools

Utilities for frontend development, colours, Markdown, CSS, SVGs and web assets.

These tools are designed for common development workflows where you need to inspect, convert, format, generate or debug data quickly. Each tool runs in the browser and includes practical examples or sensible defaults where appropriate.

Tools in this category

Markdown Preview Preview Markdown as HTML. Slug Generator Create SEO-friendly URL slugs. Color Converter Convert HEX, RGB and HSL values. HEX to RGB Converter Convert HEX colour values into RGB values and code snippets. WCAG Contrast Checker Check foreground and background colour contrast against WCAG thresholds. CSS Inliner Inline simple CSS selectors into matching HTML elements for email and previews. CSS Units Converter Convert pixels into rem values using a configurable root font size. SVG Viewer Preview SVG markup and quickly check whether it renders correctly.

Why this category is useful

Developers often switch between multiple small tasks throughout the day: formatting payloads, checking headers, converting values, preparing test data, validating examples and debugging integrations. Keeping these utilities together helps reduce context switching and makes repeated engineering tasks faster.

Privacy-first static tools

This site is built as a static toolkit. Most tools process input locally in your browser, and file inputs are only used where file-based workflows make sense.