Dev Tools

Ferramentas práticas para desenvolvimento, CSS, validação e produtividade no navegador.

Ferramentas publicadas para desenvolvimento

Este hub separa utilitários de desenvolvimento das ferramentas de cores. Use os recursos direto no navegador para criar, validar e copiar trechos prontos para seus projetos.

173 ferramentas publicadas
Dev tool

Gerador de Sombras CSS Avançado

Crie box-shadow visual com camadas, inset, cor, fundo e código CSS pronto para copiar.

Dev tool

Gerador de Efeito Glassmorphism CSS

Simule vidro fosco com background transparente, backdrop-filter, borda clara e sombra interna.

Dev tool

Gerador de Paleta de Cores para Tailwind CONFIG

Gere tons de 50 a 950 a partir de uma cor base e copie o objeto para tailwind.config.js.

Dev tool

Gerador de CSS Grid Interativo

Monte grids visuais com colunas, linhas, gap, áreas mescladas e código HTML e CSS pronto.

Dev tool

Minificador de SVG Online e Otimizador de Vetores

Limpe SVGs no navegador, remova metadados e baixe o vetor otimizado com estatísticas de economia.

Dev tool

Gerador de Clip-Path CSS Online

Crie recortes CSS com pontos arrastáveis, presets geométricos e código polygon pronto para copiar.

Dev tool

Gerador de Gráficos em SVG e CSS Puro

Gere gráficos de barras, linhas e pizza com HTML, CSS inline e SVG nativo sem bibliotecas externas.

Dev tool

Conversor de Cores HEX, RGB, HSL e OKLCH

Converta HEX, RGB, HSL, CMYK e OKLCH em tempo real com preview e cópia rápida.

Dev tool

Gerador de Animações de Cores CSS e Keyframes

Crie gradientes animados para botões e seções com cores, duração, curva e keyframes prontos.

Dev tool

Redimensionador de Imagens Online Gratuito

Redimensione PNG, JPG e WEBP no navegador com Canvas API, proporção travada, preview e download.

Dev tool

Cortador de Imagens Online e Ferramenta de Crop

Recorte imagens visualmente no navegador com seleção arrastável, proporções fixas, Canvas API e download.

Dev tool

Gerador de Filtros de Imagem e Escala de Cinza

Aplique filtros de grayscale, brilho, contraste, saturação, inversão e sépia com preview e exportação PNG.

Dev tool

Removedor de Fundo de Imagem por Cor Online

Remova fundos brancos, verdes ou sólidos por similaridade cromática e exporte PNG transparente.

Dev tool

Conversor de Imagens para WEBP, PNG e JPG

Converta imagens para WEBP, PNG, JPG ou Base64 direto no navegador com Canvas API.

Dev tool

Compressor de Imagens Online Sem Perda de Qualidade

Comprima JPG e WEBP em lote com slider de qualidade, comparação de peso e download.

Dev tool

Gerador de Imagens Placeholder CSS e HTML

Gere URLs dinâmicas de placeholders PNG por largura, altura, cor e texto centralizado.

Dev tool

Gerador de Favicon Online para Sites

Gere favicons 16, 32, 180 e 512 pixels com ZIP e tags HTML prontas para copiar.

Dev tool

Visualizador de Dados EXIF e Removedor de Metadados de Fotos

Leia dados EXIF de fotos, identifique GPS e baixe uma cópia PNG limpa sem metadados.

Dev tool

Gerador de Paletas Pixel Art e Posterizador de Imagens

Posterize imagens em estilo Pixel Art com limite de 8, 16 ou 32 cores e extração de HEX.

Dev tool

Aplicador de Marca D'água em Imagens Online

Adicione marca d'água em texto ou logo PNG com posição, opacidade, tamanho e exportação via Canvas.

Dev tool

Gerador de QR Code Personalizado com Logotipo e Cores

Crie QR Codes com cores da marca, ancoragens customizadas, logo central e download PNG ou SVG.

Dev tool

Misturador de Imagens Online e Modos de Mesclagem CSS

Combine duas imagens com blend modes, opacidade, preview e exportação consolidada em PNG.

Dev tool

Gerador de Paletas de Cores Monocromáticas para Design

Gere cinco variações monocromáticas por HSL com HEX, RGB, HSL e cópia rápida.

Dev tool

Espelhador de Imagens Online e Inversão de Eixo

Inverta imagens horizontalmente, verticalmente ou nos dois eixos com Canvas API e download em PNG.

Dev tool

Analisador de Qualidade de Imagem e Nitidez Online

Analise nitidez, ruído digital e compressão estimada lendo pixels da imagem direto no navegador.

Dev tool

Gerador de Efeito Halftone e Retrô em Imagens

Transforme fotos em retículas de pontos com controle de grade, cor dos pontos e cor do fundo.

Dev tool

Otimizador de Imagens para Redes Sociais e Capas

Gere cortes centralizados para Instagram, Stories, TikTok, Facebook e Twitter com download ZIP.

Dev tool

JSON Formatter e Validator

Formate e valide JSON com indentação 2 ou 4 espaços. Tudo local no navegador.

Dev tool

Base64 Encoder e Decoder

Codifique texto em Base64 ou decodifique de volta. Lembre-se: Base64 não é criptografia.

Dev tool

Gerador de CPF e CNPJ

Gere CPF ou CNPJ com dígitos verificadores válidos, com ou sem máscara, para ambientes de teste.

Dev tool

Gerador de QR Code

Crie QR Code com geração automática para URL, WhatsApp, Wi-Fi, Texto e chave PIX. Ajuste tamanho, margem, correção de erro, cores e logo.

Dev tool

Regra de 3 (direta e inversa)

Calcule regra de 3 simples com proporção direta ou inversa em tempo real.

Dev tool

Média aritmética

Calcule a média aritmética de vários valores com soma e quantidade.

Dev tool

Mediana

Encontre a mediana de uma lista de valores com ordenação automática.

Dev tool

Moda

Descubra a moda (valor mais frequente) de uma lista numérica.

Dev tool

Calculadora de porcentagem

Calcule percentuais: quanto é A% de B ou A representa quantos % de B.

Dev tool

Juros simples

Calcule juros simples e montante final com principal, taxa e período.

Dev tool

Juros compostos

Calcule juros compostos e montante com principal, taxa e períodos.

Dev tool

Equação do 2º grau (Bhaskara)

Resolva ax² + bx + c = 0 com cálculo de delta e raízes.

Dev tool

MDC e MMC

Calcule MDC e MMC de vários números inteiros positivos.

Dev tool

Desvio padrão

Calcule média, variância e desvio padrão de uma amostra numérica.

Dev tool

Fatorial

Calcule n! para números inteiros não negativos.

Dev tool

Calculadora de IMC

Calcule IMC com peso e altura e veja a classificação.

Dev tool

Calculadora de idade

Calcule idade em anos, meses e dias por data de nascimento.

Dev tool

Conversor de temperatura

Converta temperaturas entre Celsius, Fahrenheit e Kelvin.

Dev tool

Área e perímetro

Calcule área e perímetro de retângulo, círculo e triângulo retângulo.

Dev tool

PA e PG

Calcule termo n e soma dos termos em progressão aritmética e geométrica.

Dev tool

Gerador de expressão Cron

Monte minuto, hora, dia, mês e dia da semana e gere a linha cron.

Dev tool

SQL Formatter

Deixe SELECTs e JOINs mais legíveis com quebras de linha em palavras-chave comuns.

Dev tool

Gerador de senhas fortes

Crie senhas aleatórias com tamanho e tipos de caracteres configuráveis.

Dev tool

URL Encoder e Decoder

encodeURIComponent e decodeURIComponent no navegador para query strings e APIs.

Dev tool

Conversor PX, REM e EM

Informe o font-size raiz em px e converta entre px, rem e em.

Dev tool

Conversor de Unidades de CSS

Converta PX, REM, EM e VH com preview em tempo real para desktop e mobile.

Dev tool

Gerador de .htaccess e Nginx Config

Gere snippets para Apache e Nginx com liberar/bloquear rotas, CORS, HTTPS e redirect de www.

Dev tool

Contador de texto

Métricas em tempo real para validar limites de formulário, SEO e APIs.

Dev tool

MD5 e SHA-256

Calcule MD5 (legado) e SHA-256 via Web Crypto no navegador.

Dev tool

JWT Decoder

Cole o token e veja header e payload em JSON. A assinatura não é validada aqui.

Dev tool

Diff de texto

Compare versões lado a lado com destaque simples por linha.

Dev tool

Preview de Markdown

Preview rápido com sintaxe básica: títulos, listas, links, negrito e código inline.

Dev tool

Unix timestamp

Converta segundos Unix para data legível e o inverso usando o fuso do navegador.

Dev tool

Gerador de .gitignore

Combine presets por linguagem e arquivos comuns de sistema operacional.

Dev tool

Minificar JavaScript

Remoção simples de comentários e espaços extras. Não substitui Terser/esbuild em builds reais.

Dev tool

Beautifier JavaScript

Formate JS minificado ou desorganizado com indentação legível direto no navegador.

Dev tool

Minificar CSS

Compactação básica de CSS: comentários e espaços. Valide visualmente após minificar.

Dev tool

Beautifier CSS

Organize CSS minificado em blocos legíveis com quebras de linha e indentação.

Dev tool

Minificar HTML

Remove comentários HTML e espaços entre tags de forma conservadora.

Dev tool

Beautifier HTML

Formate HTML minificado/desorganizado para facilitar leitura e manutenção.

Dev tool

Minificador JSON

Compacte JSON removendo espaços e quebras. Tudo no navegador.

Dev tool

Formatador XML

Indentação legível a partir de XML bem formado. Validação básica no navegador.

Dev tool

Minificador XML

Remove espaços entre tags e compacta o documento XML válido.

Dev tool

JSON para CSV

Array de objetos para CSV com cabeçalho. Separador vírgula, campos entre aspas quando necessário.

Dev tool

JSON para XML

Objeto JSON para elementos XML com nome de raiz configurável.

Dev tool

JSON para YAML

Gera YAML legível a partir de JSON (emissor recursivo no navegador).

Dev tool

XML para JSON

Árvore XML para objeto JSON (atributos com prefixo @).

Dev tool

JSON para PHP Array

Converta JSON para array PHP com exemplos de json_decode e json_encode.

Dev tool

JSON para JavaScript Object

Converta JSON para objeto JS com exemplos de JSON.parse e JSON.stringify.

Dev tool

JSON para Python

Converta JSON para estruturas Python com exemplos de json.loads e json.dumps.

Dev tool

JSON para C#

Converta JSON para snippet C# usando System.Text.Json.

Dev tool

JSON para Interfaces TypeScript

Gere interfaces TypeScript a partir de JSON com exemplo de parse e serialização.

Dev tool

JSON para Java

Converta JSON para snippet Java com ObjectMapper (Jackson).

Dev tool

Gerador de Mock API (JSON)

Gere payloads JSON de API para testes com tema de animais, pessoas ou produtos.

Dev tool

Bcrypt Hash Generator & Checker

Gere hash bcrypt de senha e verifique compatibilidade com hash existente.

Dev tool

Visualizador de Certificado SSL (PEM/CRT)

Cole um certificado SSL e extraia validade, emissor e domínio do Subject CN.

Dev tool

Verificador de Força de Senha (Entropy Meter)

Estime entropia da senha em bits e o custo aproximado de brute-force offline.

Dev tool

Escaneador de Segurança de Cabeçalhos HTTP

Cole headers HTTP e descubra cabeçalhos de segurança ausentes como HSTS, CSP e X-Frame-Options.

Dev tool

Biblioteca de Regex Comuns

Presets de expressões regulares: e-mail, telefone BR e internacional, CPF, CNPJ, CEP, Pix, cartão, SSN, IPv4, IPv6, YouTube, HTML e mais. Teste no navegador e copie o padrão ou snippet para PHP, JavaScript, TypeScript, Python, Go, Java e C#.

Dev tool

Gerador de Faker Data para Bancos de Dados

Gere lotes de INSERT INTO com dados ficticios para testes de banco e ambiente de desenvolvimento.

Dev tool

Conversor de YAML para ENV

Converta blocos YAML em variaveis de ambiente no formato KEY=VALUE.

Dev tool

cURL para PHP

Transforme cURL em snippet PHP com curl_init/curl_setopt.

Dev tool

cURL para Python

Transforme cURL em snippet Python com requests.

Dev tool

cURL para Go

Transforme cURL em snippet Go com net/http.

Dev tool

cURL para Node

Transforme cURL em fetch para Node.js.

Dev tool

cURL para Java

Transforme cURL em snippet Java com HttpClient.

Dev tool

cURL para TypeScript

Transforme cURL em fetch tipado em TypeScript.

Dev tool

CSV para JSON

Primeira linha como cabeçalho; vírgula como separador; campos entre aspas suportados.

Dev tool

JSON para Excel (CSV/XLSX)

Array de objetos JSON para CSV ou arquivo XLSX. Útil para relatórios e ambientes corporativos. Tudo no navegador.

Dev tool

Excel/CSV para JSON

Importe CSV (texto) ou XLSX: primeira linha vira chaves JSON. Ideal para popular APIs e bancos a partir de planilhas.

Dev tool

YAML para JSON

Parse de YAML para JSON indentado. Docker Compose, Kubernetes e configs de servidor costumam começar em YAML.

Dev tool

Markdown para HTML

Gere fragmento HTML a partir de Markdown simples: títulos, listas, negrito, links e código inline. Para documentação e conteúdo web.

Dev tool

HEX para RGBA

Transforme #RGB, #RRGGBB ou #RRGGBBAA em rgba() para CSS e React. Ajuste alpha quando o hex tiver 6 dígitos.

Dev tool

CSS para classes Tailwind

Mapeamento heurístico de declarações CSS comuns para utilitários Tailwind v3 e valores arbitrários. Revise o resultado no seu projeto.

Dev tool

HTML para JSX

className, htmlFor, estilos em objeto, comentários e tags void. Ideal para colar templates HTML em componentes React.

Dev tool

JSON para TSV

Array de objetos JSON para TSV: cabeçalho na primeira linha, colunas separadas por tabulação.

Dev tool

XML para YAML

Árvore XML convertida para YAML legível no navegador.

Dev tool

HTML Escape e Unescape

Converte <, >, &, aspas e apóstrofo em entidades e o caminho inverso.

Dev tool

Texto e hexadecimal (UTF-8)

Codifica texto em hex byte a byte (UTF-8) e decodifica hex contínuo ou com espaços.

Dev tool

Ordenar chaves JSON

Reorganiza objetos com chaves em ordem alfabética, inclusive em objetos aninhados e arrays de objetos.

Dev tool

Gerador de UUID

Gere UUID v1, v7 (tempo Unix ms), v3/v5 (namespace + nome), ou v4 aleatório no navegador.

Dev tool

JSON Escape e Unescape

Converte texto em literal JSON (JSON.stringify) ou decodifica um literal entre aspas.

Dev tool

Remover linhas duplicadas

Mantém a primeira ocorrência de cada linha; opção de comparar após trim.

Dev tool

Ordenar linhas de texto

Ordene linhas alfabeticamente, com opções de maiúsculas e trim na comparação.

Dev tool

Remover linhas vazias

Apague linhas vazias ou só com espaços, preservando o restante do texto.

Dev tool

Inverter texto

Inverter o texto inteiro ou caractere a caractere em cada linha (Unicode).

Dev tool

Gerador Lorem Ipsum

Crie texto placeholder para layouts e mockups, só no navegador.

Dev tool

Texto e binário (UTF-8)

Codifique texto em sequências de 0 e 1 por byte UTF-8 ou decodifique de volta.

Dev tool

Remover tags HTML

Extraia texto visível de um fragmento HTML com o analisador do navegador.

Dev tool

Embaralhar linhas

Reordene linhas ao acaso (Fisher-Yates) para listas e sorteios locais.

Dev tool

Numerar linhas

Adicione números com separador e largura fixa opcional (útil para logs e diffs).

Dev tool

ROT13

Cifra por deslocamento de 13 posições no alfabeto latino (simétrica).

Dev tool

Remover espaços extras

Junte múltiplos espaços ou tabs em um só e opcionalmente aplique trim por linha.

Dev tool

Conversor de base (2, 8, 10, 16)

Converta inteiros entre bases 2, 8, 10 e 16 dentro do limite seguro do JavaScript.

Dev tool

Conversor de maiúsculas

Transforme blocos de texto entre estilos comuns de capitalização e separadores.

Dev tool

Tradutor Morse

Converta texto em pontos e traços ITU ou decodifique Morse no navegador.

Dev tool

Remover acentos

Normalize texto para ASCII aproximado removendo marcas combinantes (ã → a, ç → c).

Dev tool

Frequência de palavras

Liste palavras e ocorrências, ordenadas por uso, para resumos e análise rápida.

Dev tool

Gerador de string aleatória

Gere caracteres alfanuméricos, hex ou um alfabeto customizado usando getRandomValues.

Dev tool

Descompactar GZIP

Cole um arquivo .gz em Base64 e obtenha o texto UTF-8 descompactado localmente.

Dev tool

Remover pontuação

Remove caracteres de pontuação e mantém letras, números e espaços.

Dev tool

Contador de frases

Conta frases usando ., ! e ? como heurística, além de palavras e caracteres.

Dev tool

Remover linhas que contêm

Remove linhas que contêm um padrão/trecho no texto de entrada.

Dev tool

Texto para ASCII

Converte cada caractere em seu valor numérico (code point) e gera uma lista.

Dev tool

ASCII para texto

Converte uma lista de códigos numéricos (decimal) de volta para texto.

Dev tool

Remover whitespace

Remove todo whitespace (espaços, tabs e quebras) de um texto.

Dev tool

Remover quebras de linha

Converte texto multilinha para linha única, preservando as palavras.

Dev tool

Ordenador de palavras

Separa palavras e ordena A-Z ou Z-A, com opção de ignorar maiúsculas.

Dev tool

Repetidor de palavras

Repete cada palavra de uma frase de acordo com um fator configurável.

Dev tool

Repetidor de texto

Repete o texto completo várias vezes com separador opcional.

Dev tool

Gerador de lero-lero

Ferramenta para melhorar um texto, aumentar texto e bater quantidade de palavras ou caracteres. Expande frases com sinônimos e mais lero-lero sem perder a ideia central.

Dev tool

Ordenador de números

Ordene listas numéricas em ordem crescente ou decrescente.

Dev tool

Inteiro aleatório por faixa

Gere N números inteiros aleatórios entre mínimo e máximo.

Dev tool

Gerador hexadecimal aleatório

Gere sequências hex aleatórias em tamanho configurável.

Dev tool

Extrator de texto delimitado

Extraia uma coluna específica de linhas delimitadas por vírgula, tab ou caractere customizado.

Dev tool

Gerador de bytes aleatórios

Gere bytes aleatórios com saída hexadecimal para testes e exemplos.

Dev tool

Gerador de primo aleatório

Gere números primos aleatórios entre mínimo e máximo com quantidade configurável.

Dev tool

Gerador de data aleatória

Gere datas aleatórias entre início e fim, com quantidade configurável.

Dev tool

Gerador de fração aleatória

Crie frações aleatórias com denominador máximo e quantidade configuráveis.

Dev tool

Gerador de cor aleatória

Gere cores hexadecimais aleatórias para design, testes e protótipos.

Dev tool

Gerador de IPv4 aleatório

Gere IPs IPv4 aleatórios para testes, com opção de faixa privada.

Dev tool

Gerador de MAC aleatório

Gere endereços MAC em formato hexadecimal para simulações e testes.

Dev tool

Gerador de horário aleatório

Gere horários no formato HH:MM:SS com quantidade configurável.

Dev tool

Gerador decimal aleatório

Gere números decimais aleatórios entre mínimo e máximo com precisão configurável.

Dev tool

Gerador binário aleatório

Gere sequências binárias com tamanho e quantidade configuráveis.

Dev tool

Gerador octal aleatório

Gere números em base 8 com quantidade e tamanho configuráveis.

Dev tool

Gerador de 6 dígitos

Gere números de 6 dígitos em lote para testes e mocks.

Dev tool

Gerador de 4 dígitos

Gere números de 4 dígitos para PINs de teste e cenários simulados.

Dev tool

Gerador de aniversário aleatório

Gere datas de aniversário aleatórias em formato ISO com intervalo de anos configurável.

Dev tool

Gerador de ano aleatório

Gere anos inteiros aleatórios dentro de uma faixa definida.

Dev tool

Gerador de sim ou não

Gere respostas aleatórias entre sim e não para decisões rápidas.

Dev tool

Gerador de emoji aleatório

Gere emojis aleatórios para mockups, mensagens e testes de UI.

Dev tool

Gerador de citação aleatória

Retorne citações curtas aleatórias para testes de conteúdo.

Dev tool

Gerador de substantivo aleatório

Gere substantivos aleatórios para naming, jogos e testes de texto.

Dev tool

Gerador de adjetivo aleatório

Gere adjetivos aleatórios para Copy, testes e criatividade.

Dev tool

Gerador de tema aleatório

Gere temas aleatórios para posts, conteúdo, workshops e brainstorm.

Dev tool

Gerador de país aleatório

Gere países aleatórios para testes e conteúdo fictício.

Dev tool

Gerador de cidade aleatória

Gere cidades aleatórias para exemplos e massa de teste.

Dev tool

Gerador de animal aleatório

Gere nomes de animais aleatórios para jogos, exemplos e UI.

Dev tool

Gerador de hobby aleatório

Gere hobbies aleatórios para perfis fictícios e ideias.

Dev tool

Gerador de profissão aleatória

Gere profissões aleatórias para perfis de teste e conteúdo.

Dev tool

Conversor de SVG para PNG ou JPEG

Rasterize SVG em PNG ou JPEG com tamanho configurável. Tudo processado localmente no seu navegador.

Dev tool

Conversor JPG/PNG ↔ WebP

Otimize imagens para a web: converta para WebP ou reexporte para PNG/JPEG. Processamento local no navegador.

Dev tool

Redimensionador de imagem

Altere resolução de imagens no navegador, com bloqueio de proporção opcional e exportação instantânea.

Dev tool

Filtro de escala de cinza

Transforme fotos coloridas em preto e branco no navegador e exporte em PNG, JPEG ou WebP.

Dev tool

Imagem para PDF

PNG, JPEG ou WebP: uma imagem por página A4, ordem com setas. Geração local no navegador com jsPDF.

Disponivel agora Ferramentas de cores Use geradores, validadores e simuladores ja publicados. Outra area nova Estudos Espaco separado para treino, calculadoras e reforco. Referencia Tabela de cores Volte para a base principal de cores HTML, Hex e RGB.