ToolStudio.es
38 tools

Developer tools

ToolStudio’s developer tools format, validate and convert JSON to CSV, YAML, XML or TypeScript, minify and format HTML, CSS and JavaScript, convert between Markdown and HTML, encode entities and URLs and generate CSS code and favicons. They run in your browser, so your code is not uploaded to any server.

All tools

Development

App Icon & Favicon Generator

Upload your logo and download a ZIP with favicon.ico, apple-touch-icon, PWA and maskable icons with their manifest, an Xcode AppIcon and Android mipmaps, plus the code for your site.

FaviconiOSAndroidPWA
Try this tool
Development

SVG Optimizer Pro

Shrink SVG vector assets by stripping editor metadata, reducing coordinate decimals, and removing unused groups and IDs without losing visual quality.

SVGWeb
Try this tool
Development

JSON Formatter

Paste minified or messy JSON and get it back indented with 2 or 4 spaces or tabs, with sorted keys if you want. Any error is shown with its line and column.

JSON
Try this tool
Development

JSON Validator

Validate JSON against the RFC 8259 standard with every error explained in plain words: trailing commas, single quotes, unquoted keys or comments. It also flags duplicate keys.

JSON
Try this tool
Development

JSON Minifier

Compact JSON into a single line without changing any value and see how much smaller it gets. Handy for APIs, config files and lighter requests.

JSON
Try this tool
Development

JSON to CSV Converter

Convert JSON to CSV with one column per key, flatten nested objects (“address.city”) and choose comma or semicolon as the delimiter. The CSV opens in Excel with accents intact.

JSONCSVExcel
Try this tool
Development

CSV to JSON Converter

Convert CSV to JSON using the first row as field names. It detects the delimiter (comma, semicolon or tab), numbers and true/false, and handles quoted fields.

CSVJSONExcel
Try this tool
Development

JSON to YAML Converter

Convert JSON to YAML with 2 or 4 space indentation. Quotes are added only where needed, so “28001” or “yes” stay text, and key order is kept.

JSONYAML
Try this tool
Development

YAML to JSON Converter

Convert YAML to JSON, including anchors, aliases and several documents separated by “---”. If the YAML has an error, it shows the line and column.

YAMLJSON
Try this tool
Development

JSON to XML Converter

Convert JSON to XML: each key becomes an element, lists repeat the element and “@name” keys become attributes. Special characters are escaped and invalid names fixed.

JSONXML
Try this tool
Development

XML to JSON Converter

Convert XML to JSON: attributes become “@name”, repeated elements become lists and text becomes values. If the XML is not well formed, it shows the line of the error.

XMLJSONRSS
Try this tool
Development

JSON to TypeScript Converter

Create TypeScript interfaces or types from JSON: objects in a list are merged into one type, missing keys become optional (?) and unions are created when values differ.

JSONTypeScript
Try this tool
Development

JSON to JavaScript Converter

Convert JSON into a JavaScript object literal: unquoted keys where possible, single or double quotes and a const, export default or module.exports declaration.

JSONJavaScript
Try this tool
Development

HTML Minifier

Minify HTML online, including inline CSS and JavaScript, and see how many bytes you save. Runs in your browser.

HTMLMinify
Try this tool
Development

CSS Minifier

Minify CSS online with structural optimisation that merges rules and declarations. See the bytes saved, all in your browser.

CSSMinify
Try this tool
Development

JavaScript Minifier

Minify JavaScript online with Terser: remove dead code, shorten variable names and drop console calls, all in your browser.

JavaScriptJSMinifyTerser
Try this tool
Development

HTML Formatter

Format messy or minified HTML into clean, indented code, including embedded CSS and JavaScript. Runs in your browser.

HTMLBeautifyPrettier
Try this tool
Development

CSS Formatter

Format minified or messy CSS, SCSS and Less into clean, indented code with Prettier. Runs in your browser.

CSSSCSSLessBeautify
Try this tool
Development

JavaScript Formatter

Format and unminify JavaScript, JSX and JSON with Prettier: indentation, quotes, semicolons and trailing commas. Runs in your browser.

JavaScriptJSJSONBeautify
Try this tool
Development

HTML to Markdown Converter

Convert HTML to GitHub-Flavored Markdown with tables, task lists and code blocks. Choose heading and list style. Runs in your browser.

HTMLMarkdownMD
Try this tool
Development

Markdown to HTML Converter

Convert Markdown to HTML with tables, task lists and autolinks, and see a live preview. Get a fragment or a full page. Runs in your browser.

MarkdownMDHTML
Try this tool
Development

Markdown to PDF Converter

Convert Markdown to PDF with selectable text and clickable links. Choose page size, margins and font size. Runs in your browser.

MarkdownMDPDF
Try this tool
Development

HTML Entity Encoder

Encode text into HTML entities: escape & < > " ' or every non-ASCII character as named, decimal or hex entities. Runs in your browser.

HTMLEntitiesEscape
Try this tool
Development

HTML Entity Decoder

Decode named, decimal and hex HTML entities back into readable text, using the full HTML5 list. Runs in your browser.

HTMLEntitiesUnescape
Try this tool
Development

CSS Gradient Generator

Create CSS gradients visually with as many colour stops as you need, then copy the CSS. Free, no limits.

CSSGradient
Try this tool
Development

CSS Box Shadow Generator

Create CSS box shadows with several layers, inset shadows and presets, and copy the CSS. Free, no limits.

CSSBox Shadow
Try this tool
Development

CSS Border Radius Generator

Create CSS border-radius values visually, from simple rounded corners to organic blob shapes, and copy the shortest CSS. Free, no limits.

CSSBorder Radius
Try this tool
Development

CSS Clamp Generator

Generate CSS clamp() values for fluid font sizes and spacing from a min and max size and viewport range. Free, no limits.

CSSclamp()Responsive
Try this tool
Development

CSS Calc Generator

Build CSS calc() expressions mixing px, rem, %, vw and more, check the syntax and see the computed result. Free, no limits.

CSScalc()
Try this tool
Images

PNG to ICO Converter

Turn a PNG, JPG or WebP into an ICO for a favicon or Windows: choose the sizes (16 to 256 px), background and margin. All in your browser, without uploading the image.

PNGICOFavicon
Try this tool
Design

SVG to ICO Converter

Convert an SVG to ICO by drawing every size from the vector, so the 16 px favicon looks as sharp as the 256 px one. All in your browser.

SVGICOFavicon
Try this tool
Design

Color Converter Pro (HEX, RGB, CMYK, HSL, LAB)

Accurately convert between HEX, RGB, CMYK, HSL, HSV, XYZ, and LAB color spaces. Detect out-of-gamut print colors, calculate WCAG 2.1 accessibility contrast, and export swatches to ASE, CSS, and Tailwind.

HEXRGBCMYKCSS
Try this tool
URL & web

URL Encoder

Percent-encode text or a full URL (encodeURIComponent or encodeURI), with an option for spaces as +.

URLEncode%20
Try this tool
URL & web

URL Decoder

Decode percent-encoded URLs and text, treat + as a space when needed and unwrap links encoded several times.

URLDecode%20
Try this tool
URL & web

URL Parser

Shows every part of a URL separately, with decoded parameters in a table plus the registered domain and subdomain.

URLQueryHost
Try this tool
URL & web

URL Redirect Checker

Shows every hop with its status code, where it points and how long it takes, and flags loops, long chains and HTTPS-to-HTTP hops.

301302SEO
Try this tool
URL & web

Extract Query Parameters

Lists every decoded key and value, keeps repeated keys and exports the result as JSON or CSV for code or spreadsheets.

QueryJSONCSV
Try this tool
URL & web

Compare URLs

Compares two URLs part by part, ignoring parameter order, and tells you whether they point to the same place even when written differently.

URLDiff
Try this tool

Which developer tool to choose

If an API returns unreadable JSON, Format JSON tidies it and the validator tells you the line and column of the error. To move data into Excel, JSON to CSV; for configuration files, JSON to YAML; and to type a response, JSON to TypeScript.

Before shipping, minify HTML, CSS and JavaScript so the site weighs less; to read minified code, use the Prettier formatters. The CSS generators (gradients, shadows, border-radius, clamp() and calc()) are free with no limit.

What each tool does

ToolWhat it is forFormats
App Icon & Favicon GeneratorEvery icon size for web, PWA, iOS and Android from one logoPNG → ZIP
SVG Optimizer ProClean, Minify & Compress Vector SVG Files by Stripping Redundant BloatSVG → SVG
JSON FormatterBeautify JSON with readable indentation and spot errors instantlyJSON → JSON
JSON ValidatorCheck whether your JSON is valid and find the exact error with its line and columnJSON
JSON MinifierStrip spaces and line breaks so your JSON takes up as little as possibleJSON → min
JSON to CSV ConverterTurn a list of JSON objects into a CSV table ready for Excel or Google SheetsJSON → CSV
CSV to JSON ConverterTurn a spreadsheet exported as CSV into a list of JSON objectsCSV → JSON
JSON to YAML ConverterTurn JSON into clean YAML for Kubernetes, Docker Compose or GitHub ActionsJSON → YAML
YAML to JSON ConverterTurn YAML config files into JSON and find indentation errorsYAML → JSON
JSON to XML ConverterTurn JSON into well-formed XML, with attributes and the root element you chooseJSON → XML
XML to JSON ConverterTurn XML, RSS feeds or SOAP responses into easy-to-use JSONXML → JSON
JSON to TypeScript ConverterGenerate TypeScript interfaces from a sample JSON responseJSON → TS
JSON to JavaScript ConverterTurn JSON into a JavaScript object ready to paste into your codeJSON → JS
HTML MinifierShrink HTML by removing comments and whitespaceHTML → min
CSS MinifierCompress CSS and merge duplicate rulesCSS → min
JavaScript MinifierCompress and mangle modern JavaScriptJS → min
HTML FormatterBeautify and indent HTML with PrettierHTML → HTML
CSS FormatterBeautify CSS, SCSS and LessCSS → CSS
JavaScript FormatterBeautify JavaScript, JSX and JSONJS → JS
HTML to Markdown ConverterConvert HTML into clean MarkdownHTML → MD
Markdown to HTML ConverterRender GitHub-Flavored Markdown as HTMLMD → HTML
Markdown to PDF ConverterTurn Markdown into a clean, printable PDFMD → PDF
HTML Entity EncoderEscape special characters for HTML< → &lt;
HTML Entity DecoderTurn HTML entities back into characters&lt; → <
CSS Gradient GeneratorLinear, radial and conic gradients with live previewCSS, Gradient
CSS Box Shadow GeneratorLayered box shadows with live previewCSS, Box Shadow
CSS Border Radius GeneratorRounded corners, pills, circles and blobsCSS, Border Radius
CSS Clamp GeneratorFluid typography and spacing with clamp()CSS, clamp(), Responsive
CSS Calc GeneratorBuild and test calc() expressionsCSS, calc()
PNG to ICO ConverterCreate a multi-size ICO file from your PNGPNG → ICO
SVG to ICO ConverterTurn your vector logo into a sharp ICO at every sizeSVG → ICO
Color Converter Pro (HEX, RGB, CMYK, HSL, LAB)Bidirectional Color Space Conversion, CMYK Gamut Warning & WCAG 2.1 ContrastHEX → CMYK
URL EncoderTurn spaces, accents and symbols into %XX so they are safe in a URLText → %XX
URL DecoderTurn %20, %C3%B1 and other codes back into readable text, even when double-encoded%XX → Text
URL ParserBreak a link into protocol, host, port, path, parameters and fragmentURL, Query, Host
URL Redirect CheckerFollow a link’s 301, 302, 307 and 308 redirect chain to its final destination301, 302, SEO
Extract Query ParametersPull every query string parameter into a table, JSON or CSVURL → JSON
Compare URLsFind how two links differ: host, path and every parameterURL, Diff

Frequently Asked Questions

Is my code or data sent to a server?

No. The JSON, minify, format, Markdown and CSS tools run in your browser. You can use them with work data without it leaving your computer.

What is the difference between minifying and formatting?

Minifying removes spaces, line breaks and comments so the file weighs less in production. Formatting does the opposite: it adds indentation and line breaks so the code is readable.

Is there a usage limit?

The CSS generators are free with no limit. For the rest you can try free with one document, and validation errors do not count as a use. ToolStudio Pro gives unlimited use.

Featured on TinyShelfLaunched on StartupBaseFeatured on Buildlist