Herramientas de diseño
Herramientas de color, diseño e imágenes para diseñadores
Elige una herramienta. Todas son gratis y funcionan en tu navegador.
🎨 Herramientas de diseño · Total 39 herramientas
Generador de avatares (identicon)Avatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline.
Generador de formas orgánicasBlob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline.
Generador de radio de bordeBorder radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline.
Generador 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.
Generador 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.
Selector de color en líneaColor 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.
Generador de esquemas de colorColor scheme generator: generate complementary and triadic palettes from a base color with HEX output for design and branding, with one-click copy and offline.
Generador de animaciones CSSCSS animation generator: pick animation type, duration and easing to generate keyframes code with live preview for frontend, with one-click copy and offline.
Generador 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.
Generador 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.
Generador 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.
Generador 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.
Generador de combinaciones de fuentesFont 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.
Vista previa de fuenteFont 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 tamaño de fuenteFont 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.
Generador de vidrio esmeriladoGlassmorphism generator: adjust blur, opacity, radius and border to preview frosted glass and generate backdrop-filter CSS. Supports batch export and one-click copy.
Generador de bordes degradadosGradient border generator: adjust gradient angle, colors and border width with live preview and CSS copy for cards and buttons.
Generador de texto degradadoGradient text generator: enter text, two colors and an angle for instant gradient text with live preview and paste-ready CSS.
Comparación de compresión de imagenImage 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 imágenesImage cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.
Herramienta de filtros de imagenImage 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.
Rotar y voltear imagenImage 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.
Imagen a 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.
Generador de memesMeme generator: upload image and add top and bottom text white with black outline for social media, with one-click copy and offline.
Generador de texto neónNeon text generator: enter text, color and glow (0-40) for instant neon glow preview on dark/light background with paste-ready CSS.
Paleta desde imagenPalette 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 a variables CSSPalette to CSS converter: export color list as CSS variables or Tailwind config for design, with one-click copy and offline.
Herramienta de pixelado de imagenImage pixelation tool: adjust block size to create mosaic and pixel-art with live preview for privacy and design, one-click copy and offline.
Generador de imágenes de marcadorPlaceholder image generator: create images by size, background, text and format with bulk and preview for design dev, with one-click copy, offline and multilingual.
Generador de colores aleatoriosRandom 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.
Generador de paletas de color aleatoriasRandom 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,.
Generador SVG simpleSimple SVG generator: pick circle, rect, triangle, star or heart with size and color for instant embeddable SVG code with preview. Infinitely scalable.
Generador de iconos SVGSVG icons: pick check, close, heart, star and more with color and size (8-128px) for instant embeddable SVG, Data URL usage and preview.
Generador de patrones SVGSVG patterns: pick dots, grid, stripes and more with colors and size for seamless tileable SVG plus CSS background code.
Generador de sombra de textoText shadow generator: adjust offset, blur and color with live preview and CSS copy, supports multi-layer shadows for headings.
Marca de agua de imagenWatermark image tool: add text watermark with position, size and opacity and live preview for branding, with one-click copy and offline.
Generador 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.
Preguntas frecuentes
¿Qué es la categoría Herramientas de diseño?
La categoría Herramientas de diseño incluye 39 herramientas gratuitas. Todas funcionan en tu navegador.
¿Estas herramientas son gratuitas?
Sí, todas son gratis y sin límites de uso.
¿Necesito registrarme?
No. Abre la página y úsala; tus datos no se suben.
¿Qué idiomas se admiten?
This site supports 12 languages: Chinese, English, Japanese, Spanish, French, Portuguese, Arabic, Indonesian, Hindi, Thai, Vietnamese and Bengali.