🌐Ferramentas web e HTTP online

Gere o header HTTP Authorization: Basic a partir de um nome de usuário e senha.

Gere o header HTTP Authorization: Bearer e extraia um token de um header.

Execute JavaScript, TypeScript, Python ou PHP e veja o resultado instantaneamente, 100% no seu navegador.

Gere tints e shades de uma cor para sua paleta, no seu navegador.

Separe um header Cookie ou Set-Cookie em pares chave/valor legíveis.

Gere headers CORS (Access-Control-Allow-*) para seu servidor.

Monte uma expressão cron a partir de opções simples (frequência, minuto, hora), no seu navegador.

Monte um header Content-Security-Policy.

Gere CSS Flexbox visualmente (justify-content, align-items, direction...), no seu navegador.

Gere CSS Grid visualmente (colunas, linhas, gap), direto no seu navegador.

Minifique CSS (remova comentários e espaços em branco) para reduzir seus arquivos, no seu navegador.

Calcule a especificidade de um seletor CSS (a,b,c) para entender qual regra vence, no seu navegador.

Converta declarações CSS em classes utilitárias do TailwindCSS, com alternativa de valor arbitrário.

Gere uma curva de easing CSS cubic-bezier com pré-visualização, no seu navegador.

Converta texto (HTML, SVG, CSS...) em um data URI codificado em base64.

Gere um arquivo .dockerignore com base no tipo do seu projeto, direto no seu navegador.

Gere um arquivo .editorconfig (indentação, finais de linha, charset), direto no seu navegador.

Gere um arquivo .gitignore para sua stack (Node, Python, macOS, IDE...).

Gere texto com um gradiente de cor CSS (background-clip), com pré-visualização, no seu navegador.

Gere tags hreflang para SEO internacional (idiomas, regiões, x-default), com validação.

Faça escape ou unescape de entidades HTML (<, &, "…).

Minifique HTML (remova espaços em branco redundantes e comentários) para deixar suas páginas mais leves, no seu navegador.

Referência de códigos de status HTTP (200, 301, 404, 500…) com seus significados.

Gere marcação JSON-LD (schema.org) para SEO: Article, Product, LocalBusiness, no seu navegador.

Converta um objeto JSON para uma query string de URL e de volta.

Pressione uma tecla para obter seu JavaScript key, code, keyCode e modificadores.

Gere um arquivo LICENSE open-source (MIT, Apache-2.0, ISC, BSD) pronto para adicionar ao seu projeto.

Gere um link mailto: com assunto, corpo, cc e bcc preenchidos, diretamente no seu navegador.

Gere media queries CSS responsivas (breakpoints comuns), diretamente no seu navegador.

Gere meta tags de SEO, Open Graph e Twitter Card para suas páginas.

Encontre o tipo MIME de uma extensão de arquivo e vice-versa.

Decomponha uma URL ou query string em pares chave/valor legíveis.

Gere um robots.txt pronto para implantação (User-agent, Allow/Disallow, Sitemap), no seu navegador.

Compare duas versões semânticas (semver) e veja qual é mais recente, no seu navegador.

Pré-visualize como sua página aparece nos resultados do Google e verifique o comprimento do título e da descrição.

Gere um sitemap.xml a partir de uma lista de URLs, direto no seu navegador.

Valide um sitemap XML: tag urlset, tags loc e o limite de 50.000 URLs.

Transforme qualquer texto em um slug limpo e seguro para URL (sem acentos, sem espaços).

Gere os atributos srcset e sizes de uma imagem responsiva (HTML), no seu navegador.

Limpe e minifique um arquivo SVG (comentários, metadados, espaços, decimais) e reduza seu tamanho.

Gere uma imagem placeholder SVG leve (dimensões, texto, cores) como SVG, data-URI ou tag img.

Converta código SVG em uma data URI otimizada (usável em CSS ou HTML), no seu navegador.

Gere meta tags de Twitter/X Card com uma pré-visualização do cartão, para compartilhar com estilo no X.

Codifique por percentual ou decodifique uma string para uso em uma URL.

Divida uma URL em suas partes: protocolo, host, porta, caminho, query, hash.

Analise uma string User-Agent: navegador, engine, SO e tipo de dispositivo, no seu navegador.

Crie uma URL de campanha com parâmetros UTM (source, medium, campaign…), no seu navegador.

Gere a meta tag viewport para design responsivo mobile, diretamente no seu navegador.