▚ toolbin_

🎨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.

▸ Calculadora de proporção 16:9 e dimensões

Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente.

▸ Gerador de código de barras: EAN-13, Code128, UPC

Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador.

▸ Decodificador Base64 para imagem online, baixe o arquivo

Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador.

▸ Gerador de CSS border-radius

Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar.

▸ Gerador de CSS box-shadow

Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar.

▸ Removedor de Chroma Key: apague fundo de tela verde

Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.

▸ Simulador de daltonismo: teste suas imagens e cores

Simule como uma imagem aparece para diferentes tipos de daltonismo (protanopia, deuteranopia, tritanopia, acromatopsia).

▸ Conversor de cores

Converta uma cor entre HEX, RGB e HSL, com pré-visualização ao vivo.

▸ Escolha a cor de um pixel em uma imagem (seletor de cor)

Escolha a cor de um pixel clicando diretamente em uma imagem importada (HEX, RGB), no seu navegador.

▸ Gerador de paleta de cores

Gere uma escala de sombras e tonalidades a partir de uma única cor base.

▸ Extraia uma paleta de cores de uma imagem

Extraia as cores dominantes de uma imagem importada para criar uma paleta, no seu navegador.

▸ Verificador de contraste WCAG

Verifique a razão de contraste entre duas cores e a conformidade WCAG AA / AAA.

▸ Gerador CSS clamp() para tipografia fluida

Gere um valor CSS clamp() fluido (tipografia responsiva) entre dois tamanhos de viewport.

▸ Gerador de filtros CSS com pré-visualização ao vivo

Gere a propriedade CSS filter (blur, brilho, contraste, sépia, matiz) com pré-visualização ao vivo.

▸ Gerador de CSS gradient

Monte um gradiente CSS (linear ou radial) com pré-visualização ao vivo e código pronto para copiar.

▸ Gerador de animação CSS @keyframes com pré-visualização

Gere uma animação CSS @keyframes (fade, slide, bounce...) com pré-visualização e código.

▸ Gerador de scrollbar CSS personalizada

Personalize uma scrollbar CSS (largura, cores, raio) e obtenha o código.

▸ Gerador de spinner e loader CSS animado

Gere um spinner / loader CSS animado (tamanho, cor, velocidade) com pré-visualização.

▸ Gerador de triângulo CSS com bordas

Gere um triângulo CSS (truque de border) com direção, tamanho e cor.

▸ Conversor de unidades CSS px rem em pt

Converta unidades CSS (px, rem, em, pt) com uma base configurável.

▸ Gerar um Favicon a Partir de um Emoji (PNG/ICO)

Gere um favicon PNG a partir de um emoji, em vários tamanhos, direto no seu navegador.

▸ Ver metadados EXIF de uma foto (GPS, data, câmera)

Veja os metadados EXIF de uma foto (câmera, data, GPS) sem fazer upload.

▸ Gerador de Favicon: Crie um Favicon a Partir de uma Imagem

Gere um favicon (PNG de 16/32/48/180 px) a partir de uma imagem importada, no seu navegador.

▸ Extrator de Frames de GIF para Baixar Imagens PNG

Divida um GIF animado em frames PNG baixáveis, direto no seu navegador.

▸ Gerador de CSS Glassmorphism (Efeito de Vidro Fosco)

Gere um efeito CSS glassmorphism (vidro fosco) com pré-visualização e código pronto para copiar.

▸ Desfoque uma imagem online (raio ajustável)

Aplique desfoque a uma imagem (raio ajustável) e baixe o resultado, no seu navegador.

▸ Adicione uma borda a uma imagem online grátis

Emoldure uma imagem com uma borda de cor e espessura escolhidas, para baixar, no seu navegador.

▸ Ajuste brilho e contraste da imagem online

Ajuste o brilho e o contraste de uma imagem e baixe o resultado, no seu navegador.

▸ Comprimir imagem

Comprima uma imagem (JPG/WebP, controle de qualidade) para reduzir seu tamanho, sem upload.

▸ Conversor de imagem

Converta uma imagem entre PNG, JPG e WebP direto no seu navegador, sem upload.

▸ Recortar imagem

Recorte uma imagem desenhando a área diretamente com o mouse e depois baixe o resultado.

▸ Ferramenta de Dithering de Imagem para Efeitos Pixel Retrô

Aplique dithering (Floyd-Steinberg, efeito retrô) a uma imagem, no seu navegador.

▸ Converter Imagem para Escala de Cinza Online (Grátis)

Converta uma imagem para escala de cinza (preto e branco) e baixe-a, no seu navegador.

▸ Inverter Cores da Imagem (Negativo) Online

Inverta as cores de uma imagem (negativo) e baixe o resultado, no seu navegador.

▸ Adicionar Granulação ou Ruído a uma Imagem Online

Adicione granulação/ruído a uma imagem (efeito de filme) e baixe o resultado, no seu navegador.

▸ Pixelizar uma Imagem Online (Tamanho de Pixel Ajustável)

Pixelize uma imagem (tamanho de pixel ajustável) e baixe o resultado, no seu navegador.

▸ Posterizar Imagem Online: Reduzir Quantidade de Cores

Reduza o número de cores de uma imagem (posterizar) e baixe o resultado, no seu navegador.

▸ Redimensionar imagem

Redimensione uma imagem (largura/altura, manter proporção) sem upload e depois baixe.

▸ Girar e espelhar imagem

Gire (90/180/270°) e espelhe uma imagem, depois baixe, sem upload.

▸ Arredondar Cantos da Imagem Online (PNG Transparente)

Arredonde os cantos de uma imagem (raio ajustável) e exporte um PNG transparente, no seu navegador.

▸ Aplicar Filtro Sépia a uma Imagem Online (Grátis)

Aplique um filtro sépia (efeito vintage) a uma imagem e baixe-a, no seu navegador.

▸ Aumentar Nitidez da Imagem Online: Melhorar Clareza da Foto

Aumente a nitidez de uma imagem (convolução) e baixe o resultado, no seu navegador.

▸ Converter uma Imagem em Arte ASCII Online

Converta uma imagem em arte ASCII (caracteres baseados no brilho), diretamente no seu navegador.

▸ Conversor de Imagem para Base64

Converta uma imagem (PNG, JPG, GIF, WebP) em uma string Base64 / data URI, sem upload.

▸ Converter Imagem para Arquivo ICO Online, Favicon do Windows

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 Online

Adicione uma marca d'água de texto a uma imagem (posição e opacidade ajustáveis), para baixar, no seu navegador.

▸ Gerador de neumorphism (soft UI) em CSS

Gere um efeito de neumorfismo CSS (soft UI) com pré-visualização ao vivo e código pronto para copiar.

▸ Gerador de QR Code Online

Gere um QR code a partir de texto, uma URL ou um link, e baixe-o.

▸ Gerador de blobs SVG orgânicos e aleatórios

Gere formas de blob SVG orgânicas e aleatórias com código SVG pronto para copiar ou baixar.

▸ Gerador de padrões SVG repetíveis para fundos

Gere padrões SVG repetíveis (pontos, grade, xadrez, chevrons, diagonais) para seus fundos.

▸ Gerador de ondas SVG para divisores de seção

Gere divisores de seção com ondas SVG (altura, amplitude, frequência, cor), com exportação.

▸ Gerador de CSS text-shadow com pré-visualização

Gere um CSS text-shadow com pré-visualização ao vivo e código pronto para copiar.

▸ Converta texto em imagem PNG online

Transforme texto em uma imagem PNG baixável (fonte, cores, fundo), no seu navegador.

▸ Texto para fala online: leia texto em voz alta grátis

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.