Generadores de Diseño y color
Paletas y gradientes, verificador de contraste WCAG, conversores de color, avatares de iniciales y utilidades de CSS. Con foco en accesibilidad y en valores listos para pegar.
25 herramientas en esta categoría.
Calculadora de aspect ratio Calculá relaciones de aspecto comunes (16:9, 4:3, 1:1) y obtené dimensiones a partir de un ancho o alto fijo. Conversor de color HEX/RGB/HSL Convertí colores entre HEX, RGB, HSL y HSV al instante, con vista previa. Ideal para CSS, diseño y desarrollo. 100% en tu navegador. Extractor de colores de imagen Subí una imagen y obtené su paleta de colores dominantes, o hacé click en cualquier pixel para su HEX exacto. Nada se sube a ningún servidor. Gratis. Generador de ASCII art gratis Convertí texto en arte ASCII al instante con varias fuentes. Ideal para banners de README, comentarios de código, terminal y firmas. Generador de avatar con iniciales Generá avatares con iniciales y color de fondo derivado del nombre. Estilo Slack, Linear o Notion. Descargable como PNG en alta resolución. Generador de box-shadow CSS Diseñá sombras CSS con vista previa en vivo: desplazamiento, desenfoque, expansión, color y sombras internas. Copiá el código box-shadow listo para pegar. 100% gratis. Generador de color aleatorio Generá un color aleatorio en HEX, RGB y HSL al instante. Útil para diseño rápido, mocks, ideas de paleta o para superar el bloqueo creativo. Generador de color hex Generá códigos de color HEX al instante con vista previa visual. Convertí entre HEX, RGB y HSL, y obtené el código exacto listo para CSS. Generador de colores estilo Tailwind Generá una escala de 11 tonos (50-950) tipo Tailwind a partir de cualquier color base. Copiá los HEX listos para tu config o usá la paleta oficial completa. Generador de CSS border-radius Generá border-radius CSS con preview en vivo. Esquinas independientes, formas asimétricas (blob), unidades px o %. Copiá el código listo para pegar. Generador de gradientes CSS Creá gradientes CSS lineales, radiales y cónicos con preview en vivo. Copiá el código listo para pegar, soporte de múltiples puntos de color y backgrounds modernos. Generador de hex aleatorio Generá colores hexadecimales aleatorios al instante. Útil para prototipos, placeholders y experimentación visual. Generador de imagen Open Graph (texto) Generá una imagen Open Graph 1200x630 con título, subtítulo y marca. Ideal para previsualizaciones en redes sociales. PNG descargable. Generador de Nombres de Colección de Moda Creá nombres memorables para tus colecciones de moda y temporadas. Combinaciones sofisticadas que capturan tendencias y transmiten tu visión creativa. Generador de Nombres de Estudio de Diseño Creá nombres visuales para tu estudio de diseño gráfico, UX/UI o branding. Genera opciones creativas que reflejan tu estilo y filosofía. Generador de Nombres de Exposición Generá títulos conceptuales para exposiciones de arte, muestras y bienales. Nombres evocadores que capturan la esencia curatorial de tu proyecto. Generador de Nombres de Movimiento Artístico Creá nombres vanguardistas para movimientos artísticos, colectivos y manifiestos. Combinaciones únicas inspiradas en la historia del arte contemporáneo. Generador de Nombres de Obra de Arte Creá títulos evocadores para obras de arte, pinturas, esculturas y piezas creativas. Nombres que dialogan con tu trabajo y expanden su significado. Generador de Nombres de Serie Fotográfica Generá nombres poéticos para series fotográficas, proyectos visuales y ensayos de imagen. Títulos que unifican y potencian tu narrativa visual. Generador de paletas de colores Generá paletas de colores armoniosas en un click. Esquemas análogos, complementarios, triádicos y monocromáticos con códigos HEX, RGB y HSL listos para copiar. Generador de Twitter Card Generá las meta tags de Twitter Card para previsualizar tu sitio en X (Twitter). Tipo summary, summary_large_image, copia con un click. Generador de Wireframes ASCII Generá wireframes en arte ASCII de layouts web: header, sidebar, content, footer. Mockups rápidos para documentación, propuestas y discusión visual de equipo. Mezclador de dos colores Mezclá dos colores en proporciones distintas para obtener tonos intermedios. Útil para gradientes y paletas. Sugeridor de nombre de color Ingresá un código HEX y te sugerimos un nombre descriptivo (warm coral, deep navy, dusty rose). Útil para design systems, paletas y documentación. Verificador de contraste de colores Verificá si tu combinación de texto y fondo cumple WCAG 2.1 AA o AAA. Calculá el ratio de contraste exacto con preview en vivo, gratis y sin registro.