Ferramentas de design
Ferramentas de cores, layout e imagens para designers
Escolha uma ferramenta abaixo. Tudo é gratuito e roda no seu navegador.
🎨 Ferramentas de design · Total 39 ferramentas
Gerador de avatar (identicon)Avatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline.
Gerador de formas orgânicasBlob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline.
Gerador de raio de bordaBorder radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline.
Gerador de box-shadowCSS box-shadow generator: adjust horizontal, vertical offset, blur, spread and color opacity with live preview and copy for design, with one-click copy and offline.
Gerador de clip-pathClip-path generator: visually drag polygon, circle and ellipse clipping with live preview and code copy, responsive and animated for front-end layouts.
Seletor de cores onlineColor picker: pick via HSL sliders or HEX, instantly shows HEX/RGB/HSL with one-click copy. For design and frontend. Supports batch processing and offline use.
Gerador de esquema de coresColor scheme generator: generate complementary and triadic palettes from a base color with HEX output for design and branding, with one-click copy and offline.
Gerador de animações CSSCSS animation generator: pick animation type, duration and easing to generate keyframes code with live preview for frontend, with one-click copy and offline.
Gerador de filtros CSSCSS filter generator: adjust blur, brightness, contrast and hue with live preview and code copy for image effects. Supports batch processing and one-click copy.
Gerador de gradientes CSSCSS gradient generator: pick colors, angle and linear/radial type with live preview and one-click copy of CSS for frontend and design, offline and multilingual.
Gerador de CSS GridCSS grid generator: set columns, rows and gap to generate grid layout code with live preview for web and responsive design, with one-click copy and offline.
Visualizador de curvas de easingEasing visualizer: pick from 8 easings (ease, linear, ease-in-out, bounce…) for an instant SVG curve plus paste-ready CSS value, with one-click copy.
Copiar emojisEmoji copy and paste: browse 500+ emojis by category, search and copy with one click and favorites for chat and social, with one-click copy and offline.
Gerador de faviconFavicon generator: enter text and colors to generate website icon PNG with multiple sizes and download for site and branding, with one-click copy and offline.
Gerador de combinações de fontesFont pairing generator: pick a style (modern, elegant, classic, playful, tech) for a heading + body font combo with paste-ready CSS and live preview. All fonts free on Google Fonts.
Pré-visualização de fonteFont preview tool: enter text and adjust size, weight, line-height and color with live preview and CSS output for typography, with one-click copy and offline.
Conversor de tamanho de fonteFont size converter: convert between px, pt, em, rem and percent with custom root size and live preview for frontend and typography, with one-click copy and offline.
Gerador de glassmorphismGlassmorphism generator: adjust blur, opacity, radius and border to preview frosted glass and generate backdrop-filter CSS. Supports batch export and one-click copy.
Gerador de bordas degradêGradient border generator: adjust gradient angle, colors and border width with live preview and CSS copy for cards and buttons.
Gerador de texto degradêGradient text generator: enter text, two colors and an angle for instant gradient text with live preview and paste-ready CSS.
Comparação de compressão de imagemImage compare tool: upload original and compressed images side by side showing size, dimensions and savings for compression tuning, with one-click copy and offline.
Recortador de imagem onlineImage cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.
Ferramenta de filtro de imagemImage filter: add grayscale, vintage and blur filters to images with live preview and download for social and quick edi Supports batch processing and one-click copy.
Girar e inverter imagemImage rotate and flip tool: rotate 90/180 degrees and flip horizontally or vertically with live preview for quick correction, with one-click copy and offline.
Imagem para arte ASCIIImage to ASCII: convert images to ASCII art with grayscale, color and size options for geek art and text art. Supports batch processing and one-click copy.
Gerador de memeMeme generator: upload image and add top and bottom text white with black outline for social media, with one-click copy and offline.
Gerador de texto neonNeon text generator: enter text, color and glow (0-40) for instant neon glow preview on dark/light background with paste-ready CSS.
Paleta de imagemPalette from image: upload an image to extract 5 dominant colors as a palette with one-click HEX copy for designers and branding, with one-click copy and offline.
Paleta para variáveis CSSPalette to CSS converter: export color list as CSS variables or Tailwind config for design, with one-click copy and offline.
Ferramenta de pixelizaçãoImage pixelation tool: adjust block size to create mosaic and pixel-art with live preview for privacy and design, one-click copy and offline.
Gerador de imagem de placeholderPlaceholder image generator: create images by size, background, text and format with bulk and preview for design dev, with one-click copy, offline and multilingual.
Gerador de cores aleatóriasRandom color generator: generate multiple vivid random colors with HEX/RGB/HSL output and palette save for design and inspiration, with one-click copy and offline.
Gerador de paletas de cores aleatóriasRandom palette generator: create harmonious palettes with HEX RGB and contrast, lock, export and bulk for design branding, with one-click copy, with one-click copy,.
Gerador SVG simplesSimple SVG generator: pick circle, rect, triangle, star or heart with size and color for instant embeddable SVG code with preview. Infinitely scalable.
Gerador de ícones SVGSVG icons: pick check, close, heart, star and more with color and size (8-128px) for instant embeddable SVG, Data URL usage and preview.
Gerador de padrões SVGSVG patterns: pick dots, grid, stripes and more with colors and size for seamless tileable SVG plus CSS background code.
Gerador de sombra de textoText shadow generator: adjust offset, blur and color with live preview and CSS copy, supports multi-layer shadows for headings.
Marca d'água de imagemWatermark image tool: add text watermark with position, size and opacity and live preview for branding, with one-click copy and offline.
Gerador de divisores de ondaWave dividers: pick single/double wave, angle or curve with color and flip for instant SVG divider, CSS background snippet and preview.
Perguntas frequentes
O que é a categoria Ferramentas de design?
A categoria Ferramentas de design inclui 39 ferramentas gratuitas, todas no navegador.
Estas ferramentas são gratuitas?
Sim, todas gratuitas e sem limites de uso.
Preciso me registrar?
Não. Abra a página e use; seus dados não são enviados.
Quais idiomas são suportados?
This site supports 12 languages: Chinese, English, Japanese, Spanish, French, Portuguese, Arabic, Indonesian, Hindi, Thai, Vietnamese and Bengali.