Generador de Gradientes Mesh
Crea fondos con gradientes mesh (manchas de color difuminadas) y descárgalos en PNG o copia el código CSS.
Cómo crear un gradiente mesh online
Elige el color de fondo y añade colores
Selecciona un color base y añade hasta 6 manchas de color que se mezclarán entre sí.
Aleatoriza las posiciones
Pulsa el botón de aleatorizar para recolocar las manchas de color hasta encontrar una combinación que te guste.
Descarga el PNG o copia el CSS
Descarga el resultado como imagen PNG lista para usar, o copia el código CSS para aplicarlo directamente en tu web.
Preguntas frecuentes sobre el generador de gradientes mesh
Los gradientes mesh (o degradados de malla) se han popularizado como fondo para páginas web, apps y redes sociales gracias a su aspecto suave y abstracto. Esta herramienta los genera y descarga directamente en tu navegador.
¿Qué es un gradiente mesh?
+
Es un degradado formado por varias manchas de color difuminadas que se mezclan entre sí, en lugar de una transición lineal o radial simple entre dos colores.
¿En qué se diferencia del generador de gradientes CSS normal?
+
El generador de gradientes CSS crea transiciones lineales o radiales entre 2 y 4 colores. Este generador crea un efecto más orgánico con varias manchas de color independientes, y además permite descargar el resultado directamente como imagen PNG.
¿Cuántos colores puedo usar?
+
Puedes combinar entre 3 y 6 colores en el mismo gradiente mesh.
¿Puedo descargar el resultado como imagen?
+
Sí, puedes descargar el gradiente mesh directamente en formato PNG, listo para usar como fondo.
¿Es gratis?
+
Sí, esta herramienta es completamente gratuita.
¿Se sube mi diseño a algún servidor?
+
No. Todo el proceso, desde la generación hasta la descarga del PNG, ocurre directamente en tu navegador, sin subir ningún dato a un servidor.
Colores
Conversor de colores (HEX, RGB, HSL, CMYK)
Convierte cualquier color entre HEX, RGB, HSL y CMYK al instante, con vista previa en vivo y el nombre de color más cercano.
Generador de paletas de colores
Crea paletas de 5 colores armoniosas (complementarias, análogas, triádicas o monocromáticas) a partir de un color base.
Generador de gradientes CSS
Crea degradados lineales o radiales con hasta 4 colores y copia el código CSS listo para usar.
Comprobador de contraste WCAG
Comprueba si la combinación de color de texto y fondo cumple los niveles de accesibilidad AA y AAA.
Color aleatorio
Genera un color aleatorio con un clic y descubre su nombre, su código HEX/RGB/HSL y colores similares.
Selector de color (cuentagotas)
Elige cualquier color de tu pantalla con la herramienta cuentagotas del navegador, o usa el selector clásico.
Simulador de daltonismo
Sube una imagen y comprueba cómo la verían personas con protanopia, deuteranopia o tritanopia.
Generador de Tonos y Sombras
Genera automáticamente los tonos más claros y las sombras más oscuras de cualquier color, con su código HEX.
Mezclador de Colores
Mezcla dos colores y descubre los tonos intermedios paso a paso, con su código HEX.
Rueda de Colores (Armonías)
Elige un color en la rueda y descubre sus combinaciones armoniosas: complementarios, análogos, triádicos y más.
Extractor de Paleta desde Imagen
Sube una imagen y extrae automáticamente sus colores dominantes en una paleta, con el código HEX de cada uno.
Color Promedio de una Imagen
Sube una imagen y calcula al instante su color promedio, con su código HEX, RGB y HSL.
Explora los colores por familia
Más de 469 colores con nombre, con su código HEX, RGB, HSL y CMYK, organizados en 12 familias de tonos.
