🎨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.
Simule como uma imagem aparece para diferentes tipos de daltonismo (protanopia, deuteranopia, tritanopia, acromatopsia).
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.
Gere a propriedade CSS filter (blur, brilho, contraste, sépia, matiz) com pré-visualização ao vivo.
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 efeito de neumorfismo CSS (soft UI) com pré-visualização ao vivo e código pronto para copiar.
Gere um QR code a partir de texto, uma URL ou um link, e baixe-o.
Gere formas de blob SVG orgânicas e aleatórias com código SVG pronto para copiar ou baixar.
Gere padrões SVG repetíveis (pontos, grade, xadrez, chevrons, diagonais) para seus fundos.
Gere divisores de seção com ondas SVG (altura, amplitude, frequência, cor), com exportaçã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.