🎨Ferramentas de mídia e cor online
Esta categoria reúne ferramentas de mídia e cor para designers e desenvolvedores: processamento de imagem, geradores CSS de gradientes e sombras, paletas de cores e verificador de contraste. Crie visuais e CSS acessíveis, grátis e sem fazer upload das suas imagens.
Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente.
Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador.
Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador.
Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar.
Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar.
Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.
Converta uma cor entre HEX, RGB e HSL, com pré-visualização ao vivo.
Escolha a cor de um pixel clicando diretamente em uma imagem importada (HEX, RGB), no seu navegador.
Gere uma escala de sombras e tonalidades a partir de uma única cor base.
Extraia as cores dominantes de uma imagem importada para criar uma paleta, no seu navegador.
Verifique a razão de contraste entre duas cores e a conformidade WCAG AA / AAA.
Gere um valor CSS clamp() fluido (tipografia responsiva) entre dois tamanhos de viewport.
Monte um gradiente CSS (linear ou radial) com pré-visualização ao vivo e código pronto para copiar.
Gere uma animação CSS @keyframes (fade, slide, bounce...) com pré-visualização e código.
Personalize uma scrollbar CSS (largura, cores, raio) e obtenha o código.
Gere um spinner / loader CSS animado (tamanho, cor, velocidade) com pré-visualização.
Gere um triângulo CSS (truque de border) com direção, tamanho e cor.
Converta unidades CSS (px, rem, em, pt) com uma base configurável.
Gere um favicon PNG a partir de um emoji, em vários tamanhos, direto no seu navegador.
Veja os metadados EXIF de uma foto (câmera, data, GPS) sem fazer upload.
Gere um favicon (PNG de 16/32/48/180 px) a partir de uma imagem importada, no seu navegador.
Divida um GIF animado em frames PNG baixáveis, direto no seu navegador.
Gere um efeito CSS glassmorphism (vidro fosco) com pré-visualização e código pronto para copiar.
Aplique desfoque a uma imagem (raio ajustável) e baixe o resultado, no seu navegador.
Emoldure uma imagem com uma borda de cor e espessura escolhidas, para baixar, no seu navegador.
Ajuste o brilho e o contraste de uma imagem e baixe o resultado, no seu navegador.
Comprima uma imagem (JPG/WebP, controle de qualidade) para reduzir seu tamanho, sem upload.
Converta uma imagem entre PNG, JPG e WebP direto no seu navegador, sem upload.
Recorte uma imagem desenhando a área diretamente com o mouse e depois baixe o resultado.
Aplique dithering (Floyd-Steinberg, efeito retrô) a uma imagem, no seu navegador.
Converta uma imagem para escala de cinza (preto e branco) e baixe-a, no seu navegador.
Inverta as cores de uma imagem (negativo) e baixe o resultado, no seu navegador.
Adicione granulação/ruído a uma imagem (efeito de filme) e baixe o resultado, no seu navegador.
Pixelize uma imagem (tamanho de pixel ajustável) e baixe o resultado, no seu navegador.
Reduza o número de cores de uma imagem (posterizar) e baixe o resultado, no seu navegador.
Redimensione uma imagem (largura/altura, manter proporção) sem upload e depois baixe.
Gire (90/180/270°) e espelhe uma imagem, depois baixe, sem upload.
Arredonde os cantos de uma imagem (raio ajustável) e exporte um PNG transparente, no seu navegador.
Aplique um filtro sépia (efeito vintage) a uma imagem e baixe-a, no seu navegador.
Aumente a nitidez de uma imagem (convolução) e baixe o resultado, no seu navegador.
Converta uma imagem em arte ASCII (caracteres baseados no brilho), diretamente no seu navegador.
Converta uma imagem (PNG, JPG, GIF, WebP) em uma string Base64 / data URI, sem upload.
Converta uma imagem em um arquivo .ico de vários tamanhos (favicon do Windows), diretamente no seu navegador.
Adicione uma marca d'água de texto a uma imagem (posição e opacidade ajustáveis), para baixar, no seu navegador.
Gere um QR code a partir de texto, uma URL ou um link, e baixe-o.
Gere um CSS text-shadow com pré-visualização ao vivo e código pronto para copiar.
Transforme texto em uma imagem PNG baixável (fonte, cores, fundo), no seu navegador.
Leia texto em voz alta usando a síntese de fala do seu navegador (FR/EN, seleção de voz).
Frequently asked questions
Como verifico o contraste de cores?
O verificador de contraste calcula a razão entre duas cores e informa se ela atende aos critérios de acessibilidade WCAG AA e AAA.
Minhas imagens são enviadas para um servidor?
Não. O processamento de imagem acontece localmente no seu navegador: seus arquivos permanecem privados e nunca são enviados online.