ToolStudio.es
38 ferramentas

Ferramentas para desenvolvedores

As ferramentas para desenvolvedores do ToolStudio formatam, validam e convertem JSON para CSV, YAML, XML ou TypeScript, minificam e formatam HTML, CSS e JavaScript, convertem entre Markdown e HTML, codificam entidades e URLs e geram código CSS e favicons. Elas rodam no seu navegador, então seu código não é enviado a nenhum servidor.

Todas as ferramentas

Desenvolvimento

Gerador de Ícones para Apps e Favicon

Envie seu logo e baixe um ZIP com favicon.ico, apple-touch-icon, ícones PWA e maskable com manifest, AppIcon para Xcode e mipmaps do Android.

FaviconiOSAndroidPWA
Testar ferramenta
Desenvolvimento

Otimizador de SVG Pro

Reduza o tamanho dos arquivos SVG removendo metadados, decimais excessivos e grupos desnecessários.

SVGWeb
Testar ferramenta
Desenvolvimento

Formatador de JSON

Cole JSON minificado ou bagunçado e receba-o com recuo de 2, 4 espaços ou tabulação, com as chaves ordenadas se quiser. Os erros mostram linha e coluna.

JSON
Testar ferramenta
Desenvolvimento

Validador de JSON

Valide JSON segundo o padrão RFC 8259 com cada erro explicado em linguagem clara: vírgulas finais, aspas simples, chaves sem aspas ou comentários. Também avisa de chaves repetidas.

JSON
Testar ferramenta
Desenvolvimento

Minificar JSON

Compacte JSON em uma única linha sem mudar nenhum valor e veja quanto diminui. Útil para APIs, arquivos de configuração e requisições mais leves.

JSON
Testar ferramenta
Desenvolvimento

Converter JSON para CSV

Converta JSON para CSV com uma coluna por chave, achate objetos aninhados (“address.city”) e escolha vírgula ou ponto e vírgula. O CSV abre no Excel com os acentos certos.

JSONCSVExcel
Testar ferramenta
Desenvolvimento

Converter CSV para JSON

Converta CSV para JSON usando a primeira linha como nomes dos campos. Detecta o separador (vírgula, ponto e vírgula ou tabulação), números e true/false, e respeita campos entre aspas.

CSVJSONExcel
Testar ferramenta
Desenvolvimento

Converter JSON para YAML

Converta JSON para YAML com recuo de 2 ou 4 espaços. As aspas só entram onde precisam, para “28001” ou “yes” continuarem texto, e a ordem das chaves é mantida.

JSONYAML
Testar ferramenta
Desenvolvimento

Converter YAML para JSON

Converta YAML para JSON, com âncoras, aliases e vários documentos separados por “---”. Se o YAML tiver erro, mostra a linha e a coluna.

YAMLJSON
Testar ferramenta
Desenvolvimento

Converter JSON para XML

Converta JSON para XML: cada chave vira um elemento, as listas repetem o elemento e as chaves “@nome” viram atributos. Os caracteres especiais são escapados.

JSONXML
Testar ferramenta
Desenvolvimento

Converter XML para JSON

Converta XML para JSON: atributos viram “@nome”, elementos repetidos viram listas e o texto vira valores. Se o XML estiver mal formado, mostra a linha do erro.

XMLJSONRSS
Testar ferramenta
Desenvolvimento

Converter JSON para TypeScript

Crie interfaces ou types TypeScript a partir de JSON: os objetos de uma lista viram um só tipo, chaves ausentes ficam opcionais (?) e uniões são criadas quando os valores mudam.

JSONTypeScript
Testar ferramenta
Desenvolvimento

Converter JSON para JavaScript

Converta JSON em um objeto literal JavaScript: chaves sem aspas quando possível, aspas simples ou duplas e declaração com const, export default ou module.exports.

JSONJavaScript
Testar ferramenta
Desenvolvimento

Minificar HTML

Remove comentários, espaços e atributos redundantes do HTML e minifica o CSS e o JS embutidos, direto no navegador.

HTMLMinify
Testar ferramenta
Desenvolvimento

Minificar CSS

Minifica CSS com o CSSO: remove espaços e comentários e junta regras e declarações repetidas, sem sair do navegador.

CSSMinify
Testar ferramenta
Desenvolvimento

Minificar JavaScript

Minifica JavaScript ES2015+ com o Terser: remove código morto, encurta nomes de variáveis e pode eliminar chamadas a console, tudo no navegador.

JavaScriptJSMinifyTerser
Testar ferramenta
Desenvolvimento

Formatar HTML

Formata e embeleza HTML com o Prettier, incluindo o CSS e o JavaScript embutidos, com indentação e largura de linha configuráveis.

HTMLBeautifyPrettier
Testar ferramenta
Desenvolvimento

Formatar CSS

Formata CSS, SCSS e Less com o Prettier: uma declaração por linha, indentação consistente e código minificado legível de novo.

CSSSCSSLessBeautify
Testar ferramenta
Desenvolvimento

Formatar JavaScript

Formata JavaScript, JSX e JSON com o Prettier, com opções de indentação, ponto e vírgula, aspas e vírgulas finais.

JavaScriptJSJSONBeautify
Testar ferramenta
Desenvolvimento

Converter HTML para Markdown

Converte HTML em Markdown com tabelas, listas de tarefas e texto riscado (GFM), com estilo de títulos, marcadores e blocos de código configuráveis.

HTMLMarkdownMD
Testar ferramenta
Desenvolvimento

Converter Markdown para HTML

Converte Markdown (GitHub-Flavored) em HTML com tabelas, listas de tarefas e autolinks, mostrando a prévia renderizada ao lado do código.

MarkdownMDHTML
Testar ferramenta
Desenvolvimento

Converter Markdown para PDF

Transforma Markdown em um PDF bem formatado, com tamanho de página, margens e fonte configuráveis, usando o mecanismo de impressão do navegador.

MarkdownMDPDF
Testar ferramenta
Desenvolvimento

Codificar entidades HTML

Converte caracteres especiais, acentos e emoji em entidades HTML nomeadas, decimais ou hexadecimais, no seu navegador.

HTMLEntitiesEscape
Testar ferramenta
Desenvolvimento

Decodificar entidades HTML

Decodifica entidades HTML nomeadas, decimais e hexadecimais de volta para caracteres legíveis, com a lista completa do HTML5.

HTMLEntitiesUnescape
Testar ferramenta
Desenvolvimento

Gerador de gradiente CSS

Crie gradientes CSS lineares, radiais e cônicos com quantas cores quiser, veja a prévia em tempo real e copie o código. Grátis e sem limites.

CSSGradient
Testar ferramenta
Desenvolvimento

Gerador de box-shadow CSS

Crie sombras CSS com várias camadas, ajuste deslocamento, desfoque, expansão, cor e inset e copie o box-shadow. Grátis e sem limites.

CSSBox Shadow
Testar ferramenta
Desenvolvimento

Gerador de border-radius CSS

Ajuste os quatro cantos juntos ou separados, em px ou %, com cantos elípticos e predefinições como pílula e blob, e copie o border-radius. Grátis.

CSSBorder Radius
Testar ferramenta
Desenvolvimento

Gerador de clamp() CSS

Calcula clamp() para tipografia e espaçamento fluidos a partir de tamanhos e larguras de viewport mínimos e máximos, com prévia em qualquer largura. Grátis.

CSSclamp()Responsive
Testar ferramenta
Desenvolvimento

Gerador de calc() CSS

Construa expressões calc() misturando px, rem, %, vw e vh, valide a sintaxe e veja o resultado em pixels para o contexto que você definir. Grátis.

CSScalc()
Testar ferramenta
Imagens

Converter PNG para ICO

Transforme PNG, JPG ou WebP em ICO para favicon ou Windows: escolha os tamanhos (16 a 256 px), o fundo e a margem. Tudo no navegador, sem enviar a imagem.

PNGICOFavicon
Testar ferramenta
Design

Converter SVG para ICO

Converta SVG para ICO desenhando cada tamanho a partir do vetor: o favicon de 16 px fica tão nítido quanto o de 256 px. Tudo no navegador.

SVGICOFavicon
Testar ferramenta
Design

Conversor de Cores Pro (HEX, RGB, CMYK, HSL, LAB)

Converta com precisão entre HEX, RGB, CMYK, HSL, HSV, XYZ e LAB. Detecte cores fora de gama para gráfica, teste acessibilidade WCAG e exporte paletas para ASE, CSS e Tailwind.

HEXRGBCMYKCSS
Testar ferramenta
URL e web

Codificar URL (Encode)

Codifique texto ou uma URL completa com codificação percentual (encodeURIComponent ou encodeURI), com opção de espaços como +.

URLEncode%20
Testar ferramenta
URL e web

Decodificar URL (Decode)

Decodifique URLs e textos com codificação percentual, trate + como espaço se precisar e resolva links codificados várias vezes.

URLDecode%20
Testar ferramenta
URL e web

Analisar URL (Parser)

Mostra cada parte de uma URL separadamente, com os parâmetros decodificados numa tabela, o domínio principal e o subdomínio.

URLQueryHost
Testar ferramenta
URL e web

Verificar Redirecionamentos de URL

Mostra cada salto com o código de status, para onde aponta e quanto demora, e avisa sobre loops, cadeias longas e saltos de HTTPS para HTTP.

301302SEO
Testar ferramenta
URL e web

Extrair Parâmetros de uma URL

Lista cada chave e valor decodificados, mantém chaves repetidas e exporta em JSON ou CSV para código ou planilhas.

QueryJSONCSV
Testar ferramenta
URL e web

Comparar URLs

Compara duas URLs parte a parte, ignorando a ordem dos parâmetros, e diz se levam ao mesmo lugar mesmo escritas de forma diferente.

URLDiff
Testar ferramenta

Qual ferramenta para desenvolvedores escolher

Se uma API devolve um JSON ilegível, Formatar JSON organiza tudo e o validador mostra a linha e a coluna do erro. Para levar dados ao Excel, JSON para CSV; para arquivos de configuração, JSON para YAML; e para tipar uma resposta, JSON para TypeScript.

Antes de publicar, minifique HTML, CSS e JavaScript para o site ficar mais leve; para ler código minificado, use os formatadores com Prettier. Os geradores de CSS (degradês, sombras, border-radius, clamp() e calc()) são grátis e sem limite.

O que cada ferramenta faz

FerramentaPara que serveFormatos
Gerador de Ícones para Apps e FaviconTodos os tamanhos de ícone para web, PWA, iOS e Android a partir de um logoPNG → ZIP
Otimizador de SVG ProLimpe e comprima arquivos vetoriais SVG removendo código redundanteSVG → SVG
Formatador de JSONOrganize e embeleze JSON com recuo legível e veja erros na horaJSON → JSON
Validador de JSONVerifique se o seu JSON é válido e encontre o erro exato com linha e colunaJSON
Minificar JSONRemova espaços e quebras de linha para o seu JSON ocupar o mínimoJSON → min
Converter JSON para CSVTransforme uma lista de objetos JSON em uma tabela CSV pronta para Excel ou Google SheetsJSON → CSV
Converter CSV para JSONTransforme uma planilha exportada em CSV em uma lista de objetos JSONCSV → JSON
Converter JSON para YAMLTransforme JSON em YAML limpo para Kubernetes, Docker Compose ou GitHub ActionsJSON → YAML
Converter YAML para JSONTransforme arquivos de configuração YAML em JSON e encontre erros de recuoYAML → JSON
Converter JSON para XMLTransforme JSON em XML bem formado, com atributos e o elemento raiz que escolherJSON → XML
Converter XML para JSONTransforme XML, feeds RSS ou respostas SOAP em JSON fácil de usarXML → JSON
Converter JSON para TypeScriptGere interfaces TypeScript a partir de uma resposta JSON de exemploJSON → TS
Converter JSON para JavaScriptTransforme JSON em um objeto JavaScript pronto para colar no seu códigoJSON → JS
Minificar HTMLDeixe seu HTML mais leve em segundos.HTML → min
Minificar CSSComprima folhas de estilo com otimização estrutural.CSS → min
Minificar JavaScriptComprima JS moderno com o Terser.JS → min
Formatar HTMLIndente e organize HTML com o Prettier.HTML → HTML
Formatar CSSEmbeleze CSS, SCSS e Less com o Prettier.CSS → CSS
Formatar JavaScriptEmbeleze JS, JSX e JSON com o Prettier.JS → JS
Converter HTML para MarkdownDe páginas e CMS para Markdown limpo.HTML → MD
Converter Markdown para HTMLMarkdown com GFM em HTML, com prévia.MD → HTML
Converter Markdown para PDFMarkdown em um PDF limpo, com texto selecionável.MD → PDF
Codificar entidades HTMLEscape texto para inserir com segurança em HTML.< → &lt;
Decodificar entidades HTMLTransforme &amp;, &eacute; e &#8364; em texto normal.&lt; → <
Gerador de gradiente CSSGradientes lineares, radiais e cônicos com prévia ao vivo.CSS, Gradient
Gerador de box-shadow CSSSombras CSS em camadas com prévia ao vivo.CSS, Box Shadow
Gerador de border-radius CSSCantos arredondados, pílulas e formas orgânicas.CSS, Border Radius
Gerador de clamp() CSSTipografia e espaçamento fluidos sem media queries.CSS, clamp(), Responsive
Gerador de calc() CSSMonte e valide expressões calc() com o resultado em px.CSS, calc()
Converter PNG para ICOCrie um arquivo ICO com vários tamanhos a partir do seu PNGPNG → ICO
Converter SVG para ICOTransforme seu logo vetorial em ICO nítido em todos os tamanhosSVG → ICO
Conversor de Cores Pro (HEX, RGB, CMYK, HSL, LAB)Conversão de Espaços de Cor, Alerta de Gamut CMYK e Contraste WCAG 2.1HEX → CMYK
Codificar URL (Encode)Converta espaços, acentos e símbolos em %XX para usá-los numa URLText → %XX
Decodificar URL (Decode)Transforme %20, %C3%B1 e outros códigos em texto legível, mesmo codificado duas vezes%XX → Text
Analisar URL (Parser)Decomponha um link em protocolo, domínio, porta, caminho, parâmetros e fragmentoURL, Query, Host
Verificar Redirecionamentos de URLSiga a cadeia de redirecionamentos 301, 302, 307 e 308 de um link até o destino final301, 302, SEO
Extrair Parâmetros de uma URLExtraia todos os parâmetros da query string em tabela, JSON ou CSVURL → JSON
Comparar URLsDescubra em que dois links diferem: domínio, caminho e cada parâmetroURL, Diff

Perguntas Frequentes

Meu código ou meus dados são enviados para um servidor?

Não. As ferramentas de JSON, minificação, formatação, Markdown e CSS rodam no seu navegador. Você pode usá-las com dados de trabalho sem que eles saiam do seu computador.

Qual a diferença entre minificar e formatar?

Minificar tira espaços, quebras de linha e comentários para o arquivo pesar menos em produção. Formatar faz o contrário: adiciona recuo e quebras de linha para o código ficar legível.

Existe limite de uso?

Os geradores de CSS são grátis e sem limite. Nas outras ferramentas você pode testar grátis com um documento, e erros de validação não contam como uso. O ToolStudio Pro dá uso ilimitado.

Featured on TinyShelfLaunched on StartupBaseFeatured on Buildlist