Web & Design Tools

Indent HTML source for inspection.

Remove comments and excess whitespace.

Expand compact CSS into readable blocks.

Compress CSS for production.

Remove comments and redundant whitespace.

Convert HEX colors to RGB and HSL.

Check WCAG color contrast.

Generate a CSS linear gradient.

Build a CSS box shadow.

Create per-corner border radius.

Convert pixels and rem.

Calculate dimensions from a ratio.

Create fluid responsive CSS values.

Generate SEO and social meta tags.

Add campaign parameters to a URL.

Create a QR code for text or URLs.

Extract image sources from pasted HTML.

Extract headings from pasted HTML.

Inspect metadata in pasted HTML.

Detect common framework signatures.

Extract text using a CSS selector.

Compress JPEG or WebP images locally with adjustable quality.

Resize and center-crop images locally to exact dimensions.

Convert images to PNG, JPEG or WebP entirely in the browser.

Remove common SVG noise and preview the optimized result.

Inspect JPEG EXIF presence and export a metadata-free copy.

Create 16, 32, 48 and 180 pixel favicon assets from an image.

Extract dominant colors from an image locally.

Preview HTML and CSS animations inside an isolated frame.

Generate and preview responsive CSS Grid layouts.

Experiment with flex direction, alignment, gaps and wrapping.

Preview a URL at common phone, tablet and desktop widths.

Find common semantic, label, heading and image-alt issues in HTML.