![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/1-trianglify-copy.jpg\")
<\/a><\/p>\nEsta herramienta se puede utilizar para crear fondos de baja poli con gradientes bastante suaves (en comparaci\u00f3n con los generadores basados en Delaunay) y combinaciones de colores predefinidos.<\/p>\n
En la secci\u00f3n de configuraci\u00f3n puedes cambiar el tama\u00f1o del lienzo en p\u00edxeles, elegir la paleta y el tama\u00f1o de las celdas y establecer el nivel de varianza. El par\u00e1metro de varianza define la entrop\u00eda de los pol\u00edgonos: si estableces este valor\u00a0como\u00a00, tu fondo estar\u00e1 compuesto por n\u00edtidas filas de tri\u00e1ngulos.<\/p>\n
Este generador te ofrece una selecci\u00f3n de 27 refinadas\u00a0combinaciones de colores, pero si\u00a0esto no es suficiente para satisfacer tus\u00a0necesidades creativas, puedes crear tu propia\u00a0combinaci\u00f3n con el selector de colores de 24 bits. Las im\u00e1genes finales se descargan como archivos PNG o SVG.<\/p>\n
Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Trianglify Background Generator usa el mismo plugin Trianglify JS, pero de manera un poco diferente. Este script utiliza cientos de paletas de ColourLovers y ColorBrewer, y tambi\u00e9n proporciona algunos ajustes adicionales, como la posibilidad de elegir un tipo de degradado\/gradiente. Aunque hay dos par\u00e1metros nuevos en su men\u00fa: Bleed\u00a0y Cell Padding, en esta versi\u00f3n de Trianglify\u00a0hace falta un slider intuitivo de Variance y tambi\u00e9n ella est\u00e1 limitada\u00a0a las paletas predise\u00f1adas.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n En el principio era la palabra. Y ahora t\u00fa tambi\u00e9n puedes crear algo hermoso usando tu palabra como herramienta, gracias a Geopattern. Este script sencillo genera patrones geom\u00e9tricos sin costura de una cadena utilizando 16 formas y colores ilimitados. Los patrones resultantes se guardan en el formato PNG.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Esta herramienta usa\u00a0la triangulaci\u00f3n de Delaunay para generar impresionantes fondos de bajo poli de contraste alto.<\/p>\n En\u00a0su\u00a0secci\u00f3n de configuraci\u00f3n puedes cambiar el tama\u00f1o del lienzo, su profundidad, el tama\u00f1o de celda, etc .; aplicar hasta 7 luces; cambiar el color, la posici\u00f3n y\u00a0la distancia del lienzo. Si esto te parece un problema, solo usa el bot\u00f3n \"Aleatorizar\" y deja que todo el trabajo se haga por ti. Sigue presion\u00e1ndolo hasta que recibas un fondo impresionante.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Flat Surface Shader\u00a0se caracteriza por un enfoque diferente y m\u00e1s din\u00e1mico\u00a0a la triangulaci\u00f3n de Delaunay. Aunque su interfaz\u00a0es muy similar a una de Delaunay Triangle Pattern Maker, todav\u00eda hay una gran diferencia entre ellas: las fuentes de luz en esta herramienta est\u00e1n en constante movimiento (a menos que establezcas su velocidad\u00a0como 0), aumentando as\u00ed la aleatoriedad de la imagen resultante.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Con este complemento de JavaScript puedes crear fondos con un efecto de humo realista.\u00a0Te permite elegir entre las opciones disponibles o crear ellas manualmente.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Este\u00a0generador es indispensable para dise\u00f1adores web y desarrolladores de aplicaciones, especialmente para aquellos que trabajan con iOS, ya que te permite crear sobre la marcha hermosos fondos de degradado.<\/p>\n Lo\u00a0mejor de esta herramienta es que genera autom\u00e1ticamente el c\u00f3digo CSS para los degradados que creas. El inconveniente es que al final solo obtienes el c\u00f3digo, por lo que si vas a utilizarlo en otro lugar que no sea la web, necesitar\u00e1s un script o una aplicaci\u00f3n\u00a0especial para\u00a0obtener im\u00e1genes rasterizadas. Recomendamos utilizar Phantom.JS<\/a><\/strong> para este fin: se requiere un cierto nivel de habilidades de codificaci\u00f3n, pero es lo suficientemente flexible para\u00a0completar esta tarea.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Esta herramienta puede crear fondos abstractos borrosos de cualquier imagen. Toma una peque\u00f1a\u00a0parte de la imagen subida (por ejemplo, 7x3 p\u00edxeles) y la desenfoca hasta que se haga irreconocible de forma similar al efecto 'Gaussian blur' en Adobe Photoshop. Los fondos creados con Unique Gradient Generator tienen un aspecto m\u00e1s\u00a0grunge\u00a0en comparaci\u00f3n con los verdaderamente aleatorios.<\/p>\n Este generador\u00a0incluye una biblioteca de 33 im\u00e1genes listas para usar, pero puedes subir\u00a0tus propios archivos fuente. Los resultados est\u00e1n disponibles como im\u00e1genes r\u00e1ster o como c\u00f3digos CSS.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n La tendencia de\u00a0Material design introducida por Google todav\u00eda est\u00e1 popular. Con la ayuda de este script de un solo clic puedes generar cientos de fondos de estilo material \u00fanicos. Algunos de ellos son bastante extra\u00f1os, mientras que otros son realmente impresionantes. Te tomar\u00e1 alg\u00fan tiempo obtener un fondo adecuado, pero este es el precio de la aleatoriedad.<\/p>\n Desafortunadamente, este proyecto no est\u00e1 representado en GitHub, pero puedes descargar el script de su p\u00e1gina de inicio, afinarlo un poco y crear tus propios fondos.<\/p>\n Demo<\/a> \u00a0 Ver Script<\/a><\/p>\n Este script te\u00a0ayuda a a\u00f1adir un toque pseudo-acuarela a tus dise\u00f1os. Los fondos creados con la ayuda de este generador est\u00e1n formados por c\u00edrculos de diferentes tama\u00f1os, por lo que no son realmente \"acuarelas\" en el sentido convencional de la palabra.<\/p>\n Para generar un fondo, debes especificar el n\u00famero de c\u00edrculos y su tama\u00f1o, generar nueva informaci\u00f3n de color crom\u00e1tico (es decir, una paleta) y hacer clic en el lienzo. De la misma manera puedes agregar nuevas capas para modificar el aspecto de tu imagen.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Este es un script incre\u00edblemente sencillo. Simplemente escribe\u00a0el\u00a0tama\u00f1o que necesitas en las barras adecuadas y haz clic en\u00a0el bot\u00f3n \"Nuevo\". El resultado se muestra como el fondo de ese sitio web, por lo que puedes ver de inmediato c\u00f3mo se ver\u00e1. La imagen se compone de varias figuras geom\u00e9tricas de diferentes colores y tama\u00f1os. La mayor\u00eda de las variantes no son realmente hermosas, pero despu\u00e9s de una docena de clics, puedes encontrar algunas que se ajusten a tus necesidades.<\/p>\n Demo<\/a><\/p>\n IMGonlone ofrece a los visitantes una serie de herramientas para trabajar con las im\u00e1genes JPEG, como herramientas de cambio de tama\u00f1o, conversi\u00f3n o compresi\u00f3n. Una de ellas es\u00a0un generador de fondos de p\u00edxeles aleatorios. Su uso es muy estrecho, hay pocos propietarios de sitios\u00a0web que desean\u00a0usar una imagen\u00a0como el fondo (es una verdadera explosi\u00f3n de colores y podr\u00eda verse un poco ... bueno, demasiado). Sin embargo, si estabas buscando una soluci\u00f3n tan brillante, este generador ser\u00eda una verdadera caja de tesoro. Eliges el tama\u00f1o de la imagen y los cuadrados, el formato de archivo y la calidad, y luego\u00a0haces clic en el bot\u00f3n \"OK\". Se te redirigir\u00e1 a la p\u00e1gina\u00a0de vista previa de la imagen\u00a0en la que tambi\u00e9n puedes descargarla.<\/p>\n Demo<\/a><\/p>\n Hay muchas m\u00e1s herramientas similares, pero la mayor\u00eda de ellas no generan fondos aleatorios, son m\u00e1s dif\u00edciles de usar o no son muy adecuadas para dise\u00f1adores web y dise\u00f1adores gr\u00e1ficos. De todos modos, todav\u00eda son dignas de ser mencionadas, y esperamos que los\u00a0consideres \u00fatiles.<\/p>\n Random.org<\/a><\/strong>\u00a0- este sitio web es una ventanilla \u00fanica para todas las cosas aleatorias. A diferencia de los generadores basados en algoritmos, toma su aleatoriedad del ruido atmosf\u00e9rico (lo que sea que sea). Sus posibilidades no est\u00e1n limitadas por la generaci\u00f3n de n\u00fameros y secuencias; tambi\u00e9n puedes elegir colores aleatorios para tu inspiraci\u00f3n. La mayor\u00eda de los servicios en random.org son gratuitos.<\/p>\n Material Design Logo Generator<\/a><\/strong> - esta herramienta en l\u00ednea ultra \u00fatil est\u00e1 dise\u00f1ada para componer iconos y logotipos de CSS\u00a0en el estilo de material design y logotipos basados en la fuente de iconos Font Awesome. Todo lo que\u00a0necesitas hacer es elegir uno de los iconos, modificar su tama\u00f1o y color, aplicar sombras, redondear las esquinas y copiar el c\u00f3digo CSS resultante que\u00a0puedes incrustar en tus p\u00e1ginas web.<\/p>\n Color Palette Generators<\/a><\/strong> - una colecci\u00f3n de selectores de paletas de colores que sin duda mejorar\u00e1 tu creatividad.<\/p>\n BGPatterns<\/a><\/strong> - una de las mejores formas de crear patrones sin fisuras es hacerlo\u00a0con esta herramienta gratuita sencilla. Simplemente sube tus elementos gr\u00e1ficos, col\u00f3calos en el lienzo, esc\u00e1lalos y g\u00edralos, y luego descarga tu patr\u00f3n.<\/p>\n Logo Generators<\/a><\/strong> - si necesitas crear un logotipo muy r\u00e1pido, esta galer\u00eda de herramientas de creaci\u00f3n de logotipos\u00a0te ayudar\u00e1 con esta tarea.<\/p>\n
\nTrianglify Background Generator<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/2-trianglify-background-generator-copy.jpg\")
<\/a><\/p>\n
\nGeopattern<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/3-geopattern-copy.jpg\")
<\/a><\/p>\n
\nDelaunay Triangle Pattern Maker<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/4-delaunay-triangle-pattern-maker.jpg\")
<\/a><\/p>\n
\nFlat Surface Shader<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/5-flat-surface-shader-copy.jpg\")
<\/a><\/p>\n
\nWaterpipe.js<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/6-waterpipe-js.jpg\")
<\/a><\/p>\n
\nColorful CSS Gradient Background Generator<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/7-css-gradient-copy.jpg\")
<\/a><\/p>\n
\nUnique Gradient Generator<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/8-unique-gradient-generator.jpg\")
<\/a><\/p>\n
\nMaterial Design Background Generator<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/9-material-background-generator.jpg\")
<\/a><\/p>\n
\nK's Watercolor Background Image Generator<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/10-watercolor-background-generator.jpg\")
<\/a><\/p>\n
\nRandom Pattern Generator by Codegena<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/4-2.png\")
<\/a><\/p>\n
\nRandom Pixel Background<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/5-2.png\")
<\/a><\/p>\n
\nEntre bastidores<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/07\/11-material-logo-generator.jpg\"){kind=logo}
<\/a><\/p>\n