Entrada
4 colores de esquina + desenfoque 80%
Salida
Fondo de degradado suave + CSS
Herramientas de diseño
Generador de malla de degradado — Fondos suaves de cuatro esquinas
Mezcla cuatro colores de control de esquina en degradados radiales por capas con desenfoque para crear fondos suaves tipo malla y CSS copiable: útil para landing pages, visuales de marca y experimentos multicolor.
DegradadoMallaFondo
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Generador de malla de degradado
左上
右上
左下
右下
80%
预览
CSS 代码
Casos de uso
- Crea un fondo suave para una landing page
- Experimenta con lavados multicolor de marca
- Exporta CSS de fondo listo para pegar
Cómo usar
- Elige los cuatro colores de esquina
- Ajusta el desenfoque
- Previsualiza y copia el CSS
Entrada y salida de ejemplo
FAQ
¿En qué se diferencia de un degradado lineal?
Apila degradados radiales con desenfoque para transiciones más suaves, más cercanas a los degradados de malla de herramientas de diseño.
¿La salida es sintaxis de malla CSS real?
No. Genera degradados radiales por capas compatibles en lugar de sintaxis experimental exclusiva de malla.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de degradados CSS
Generador de degradados CSS — Lineal, radial, cónico
Crea visualmente degradados CSS lineales, radiales y cónicos. Ajusta el ángulo y las posiciones de parada, añade varias paradas y copia el CSS para fondos, botones y transiciones de marca.
CSS Degradado Fondo
Armonizador de color
Armonizador de color — Reglas clásicas de armonía
Elige un color base y genera esquemas con reglas complementaria, análoga, triádica, tetradítica, complementaria dividida o monocromática. Previsualiza el uso en la interfaz y exporta variables CSS para trabajo de marca y componentes.
Paleta Color Armonía