Fast Text Format Tools
A coleção definitiva de utilitários super rápidos para formatar, converter e otimizar seu fluxo de trabalho.
Favoritos
Usados recentemente
Adicionados recentemente
Texto & Comparação
Maiúsculas & Conversores
Converta caixas de strings, codifique URL e decodifique Base64 instantaneamente.
Codificador / Decodificador
Codifique e decodifique vários formatos como URL, Base64 e entidades HTML.
Ordenador de Listas e Deduplicador
Ordene matrizes de texto em ordem alfabética, numérica ou por comprimento instantaneamente e remova linhas duplicadas.
Substituidor Regex
Execute expressões regulares, veja correspondências ao vivo e use planilhas de cola.
Diferença de Texto
Compare dois blocos de texto lado a lado para destacar as diferenças.
Estatísticas de Texto
Conte palavras, caracteres, frases, estime o tempo de leitura e verifique a densidade de palavras-chave.
Tradutor
Traduza instantaneamente textos entre dezenas de idiomas.
Código & Formatação
Base64 para arquivo
Decodifique strings Base64 ou Data URIs em arquivos baixáveis (imagens, PDFs, documentos, áudio) com visualização instantânea.
Embelezador de Código
Embeleze, valide e minifique seu código JSON, JavaScript, CSS e HTML para uma sintaxe limpa e legível.
Formatar CSS
Formate, embeleze, valide e minifique código CSS com recuo personalizado.
Geradores Visuais CSS
Gere e exporte visualmente código CSS para sombras de caixa, gradientes, Flexbox e layouts Grid.
CSV para JSON/SQL
Converta dados CSV para arrays JSON ou instruções SQL INSERT.
cURL para Fetch
Converta facilmente comandos cURL em código JavaScript Fetch API.
HTML / XML
Embeleze, minifique e limpe código bagunçado instantaneamente.
HTML para JSX
Ferramenta no cliente para transformar tags/atributos HTML em JSX compatível com React.
HTML para Tailwind CSS
Converta estilos inline padrão e declarações CSS em classes utilitárias do Tailwind CSS com pré-visualização ao vivo.
Ofuscador JS
Transforme código JavaScript legível em código ofuscado e minificado para proteger a lógica.
JSON para Código
Converta objetos JSON em modelos tipados para várias linguagens.
Visualizador de Árvore JSON
Inspecione, expanda, recolha, pesquise e filtre dados JSON complexos com inspeção de caminhos.
Markdown
Escreva markdown bruto com uma visualização HTML ao vivo.
Visualizador de Source Map
Ferramenta no cliente para carregar arquivos .map e desminificar rastreamentos de pilha.
Formatador SQL
Embeleze e formate consultas SQL bagunçadas.
Escape & Desescape de Strings
Escape (e desescape) com segurança aspas, barras invertidas e quebras de linha para JSON, SQL, HTML e Java/C#.
Otimizador SVG
Minifique e limpe código SVG bruto.
SVG para PNG/WEBP
Ferramenta no cliente usando canvas para rasterizar código ou arquivos SVG em imagens para download.
Utilitários XML
Formate e minifique strings XML.
YAML <-> JSON
Converta instantaneamente entre YAML e JSON.
Dados & Criptografia
Hash Bcrypt
Gere e verifique senhas Bcrypt localmente.
Tempo Epoch
Converta carimbos de data/hora em datas legíveis.
Gerador de Hash
Calcule hashes criptográficos MD5, SHA-1, SHA-256 e SHA-512.
Decodificador JWT
Analise com segurança JSON Web Tokens em dados formatados de Header e Payload.
Gerador HMAC
Calcule e verifique assinaturas criptográficas HMAC usando SHA-256, SHA-512, MD5 e chaves secretas.
Geradores & Utilitários
Arte ASCII
Gere grandes banners de texto com arte ASCII.
Gerador de Código de Barras
Ferramenta no cliente usando canvas para gerar códigos de barras lineares (UPC, EAN, Code39) a partir de texto.
Calculadora CHMOD
Calcule facilmente as permissões de arquivo do Linux.
Contraste de Cor
Verifique a acessibilidade do contraste de cor WCAG.
Formato de Cor
Converta instantaneamente códigos de cores HEX, RGB e HSL.
Decodificador Cron
Traduza agendamentos cron para texto legível.
Gerador de Favicon
Converta imagens padrão em arquivos .ico universalmente compatíveis e gere tamanhos de ícone padrão para aplicativos web.
Imagem Base64
Converta arquivos de imagem em strings Data URI Base64 e propriedades CSS background-image.
Compressor de imagens
Comprima e otimize imagens JPEG, PNG, WEBP e AVIF localmente no seu navegador.
Gerador de tabela Markdown
Um editor de grade visual que permite aos usuários adicionar facilmente linhas/colunas e gerar instantaneamente uma sintaxe de tabela Markdown perfeitamente formatada.
Gerador de Meta Tags e Open Graph
Gere e pré-visualize visualmente meta tags de SEO, Twitter Cards e tags do Facebook Open Graph.
Gerador de dados simulados
Gere centenas de linhas de dados de teste falsos (nomes, e-mails, endereços, datas, cartões de crédito) e exporte-os como instruções CSV, JSON ou SQL INSERT para testes de banco de dados.
Gerador de Senha
Crie senhas fortes e seguras usando algoritmos criptográficos.
Ferramentas PDF
Junte, divida, extraia, gire e reordene páginas PDF 100% localmente no navegador.
Texto Fictício
Crie texto fictício aleatório para mockups de UI.
Código QR
Crie códigos QR escaláveis e escaneáveis a partir de texto ou URLs.
Testador e construtor Regex
Teste expressões regulares com destaque de grupo de correspondência e captura em tempo real, detalhamento de explicação de sintaxe e modos de teste de múltiplas strings.
Gerador de Robots.txt
Crie regras válidas de robots.txt, diretivas de rastreadores e bloqueie raspadores de IA.
UUID / GUID
Gere instantaneamente identificadores universais exclusivos (v4).
Gerador de Sitemap XML
Construa sitemaps XML válidos com URLs personalizadas, frequências de alteração e prioridades para mecanismos de busca.
Finanças & Unidades
Conversor de Moedas
Calcule taxas de câmbio globais em tempo real.
Conversor de Unidades
Converta instantaneamente comprimento, peso, temperatura e armazenamento de dados.
Rede
Consulta DNS
Verifique registros DNS em tempo real.
Visualizador de Cabeçalhos HTTP
Visualize os cabeçalhos de requisição HTTP enviados pelo seu navegador.
Teste de Velocidade de Internet
Teste a velocidade de download e upload da sua conexão.
Consulta de IP
Consulte endereços IP e dados de geolocalização.
Consulta de Fornecedor MAC
Identifique fornecedores de hardware a partir de endereços MAC.
Consulta RDAP
Consulte dados de registro de domínio e IP, registrador, servidores de nomes e status DNSSEC via RDAP.
Rastreamento de redirecionamentos e links
Revele URLs encurtadas e rastreie cadeias completas de redirecionamento HTTP 301/302 até o destino final.
Inspetor de Certificados SSL
Inspecione certificados SSL/TLS em tempo real, cadeias de emissores, contagem regressiva de validade, domínios SAN e impressões digitais.
Calculadora de Sub-rede
Calcule máscaras de rede CIDR e intervalos de IP.
Analisador de URL
Extraia e construa strings de consulta de URL facilmente.
Analisador de User-Agent
Extraia informações de SO e navegador de strings User-Agent.
Testador de Webhooks
Envie, teste e depure entregas de webhooks com cabeçalhos personalizados, assinaturas HMAC e inspeção de respostas em tempo real.
Geradores Visuais CSS
Gere e exporte visualmente código CSS para sombras de caixa, gradientes, Flexbox e layouts Grid.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}Como usar
Selecione um modo gerador (Sombra de caixa, Gradiente, Flexbox ou Grid). Ajuste os parâmetros visualmente e copie o código CSS gerado.
Perguntas frequentes
Como funciona o CSS Box Shadow e o que cada parâmetro significa?
A propriedade CSS box-shadow anexa uma ou mais sombras projetadas a um quadro de elemento. Os parâmetros especificam deslocamento horizontal (X), deslocamento vertical (Y), raio de desfoque (quão suave ou difusa a borda da sombra aparece), raio de propagação (quanto a sombra se expande ou encolhe), cor da sombra (normalmente rgba semitransparente) e uma palavra-chave opcional 'inset' para renderizar a sombra dentro do contêiner.
Por que você deve usar várias camadas de sombra de caixa para sombras de IU realistas?
As sombras do mundo real consistem em luz ambiente e luz direcional direta. A camada de uma sombra estreita e ligeiramente mais escura com uma sombra expansiva, suave e de baixa opacidade cria elevação e profundidade naturais sem parecer turva ou artificial.
Qual é a diferença entre gradientes lineares e radiais em CSS?
Gradientes lineares fazem transição de cores ao longo de um eixo direcional reto definido por graus ou palavras-chave (por exemplo, 135 graus ou 'para o canto inferior direito'). Gradientes radiais emergem de um único ponto de origem em um padrão circular ou elíptico, criando holofotes ou transições de cores esféricas.
Quando você deve usar CSS Flexbox versus CSS Grid?
Flexbox é um sistema de layout unidimensional ideal para organizar itens em uma única linha ou coluna (como barras de navegação, grupos de botões e alinhamentos de barras de ferramentas). CSS Grid é um sistema de layout bidimensional projetado para estruturas complexas de páginas da web, layouts de painel com várias colunas e alinhamentos de grade rígidos.
Qual é a diferença entre justificar conteúdo e alinhar itens no Flexbox?
justificar-content controla a distribuição de itens flexíveis ao longo do eixo principal (horizontal quando flex-direction é linha; vertical quando coluna). alinhar itens controla o posicionamento do item ao longo do eixo cruzado (perpendicular ao eixo principal).
Como Repeat(auto-fit, minmax(...)) cria grades responsivas sem consultas de mídia?
A palavra-chave auto-fit instrui o contêiner da grade a ajustar o máximo de colunas possível com base na largura atual do contêiner. A função minmax(200px, 1fr) garante que cada coluna nunca diminua abaixo de 200px, mas se expanda proporcionalmente para ocupar o espaço disponível restante.
Qual é a propriedade gap em layouts CSS modernos?
A propriedade gap define espaçamento consistente entre linhas e colunas nos layouts Flexbox e Grid. Ele substitui margens negativas e margens obsoletas e não adiciona espaçamento no perímetro externo do contêiner.
Os estilos CSS gerados são compatíveis com todos os navegadores modernos?
Sim. Box-shadow CSS moderno, gradientes lineares/radiais, Flexbox e CSS Grid têm suporte universal nos navegadores Chrome, Firefox, Safari, Edge, iOS Safari e Android sem exigir prefixos de fornecedores legados como -webkit- ou -moz-.
Como o flex-grow e o flex-shrink determinam o tamanho do item?
flex-grow especifica quanto do espaço positivo restante do contêiner um item deve absorver em relação aos seus irmãos. flex-shrink determina a taxa na qual um item é compactado quando o espaço do contêiner é insuficiente.
Posso usar o CSS exportado em projetos React, Vue, Svelte ou Tailwind?
Sim. As regras CSS exportadas podem ser coladas diretamente em arquivos CSS padrão, módulos CSS, componentes estilizados ou traduzidas em classes arbitrárias do utilitário Tailwind (por exemplo, shadow-[...], bg-[linear-gradient(...)]).
Nenhum resultado encontrado
Tente ajustar seus termos de pesquisa.