Configuración
Linear 135°, #667eea → #764ba2
CSS
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Herramientas de diseño
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.
CSSDegradadoFondo
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 degradados CSS
135°
%
%
Casos de uso
- Diseña degradados de fondo para páginas o tarjetas
- Configura transiciones de interfaz a dos colores o con varias paradas
- Exporta CSS de degradado listo para pegar
Cómo usar
- Elige lineal, radial o cónico
- Define el ángulo más los colores y posiciones de parada; añade más paradas según necesites
- Copia el CSS de degradado generado
Entrada y salida de ejemplo
FAQ
¿Qué tipos de degradado se admiten?
linear-gradient, radial-gradient y conic-gradient.
¿Puedo añadir varias paradas?
Sí. Usa Añadir parada y luego define el color de cada parada y su posición 0–100.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de box-shadow CSS
Generador de box-shadow CSS — Controles visuales
Ajusta visualmente el desplazamiento, el desenfoque, la propagación, el color, la opacidad y el inset. Previsualiza en vivo y genera el CSS de box-shadow para tarjetas, botones y superposiciones.
CSS Sombra box-shadow
Conversor de color
Conversor de color — HEX, RGB y HSL en línea
Convierte colores entre HEX, RGB, HSL, HWB, CMYK y variables CSS en tu navegador. Incluye un selector de color y un generador de colores aleatorios para entregas de diseño, trabajo con hojas de estilos y alineación de colores de marca.
Color HEX RGB
Generador de paletas
Generador de paletas — Conjuntos de color por reglas
Genera paletas con reglas monocromáticas, análogas, complementarias, triádicas o totalmente aleatorias. Bloquea muestras individuales y sigue aleatorizando el resto para exploración de interfaz y derivados de colores de marca.
Paleta Color Armonía