Generador de degradados CSS
Diseña degradados y copia el CSS en segundos.
Elige el tipo de degradado, ajusta el ángulo y añade hasta seis colores, cada uno en su posición. La vista previa se actualiza al momento y el CSS está listo para copiar en tu hoja de estilos. ¿Necesitas una imagen? Descarga el degradado en PNG en Full HD, 4K, cuadrado o formato historia: perfecto para fondos de pantalla y redes sociales.
Cómo crear un degradado CSS
- Paso 1
Elige lineal, radial o cónico.
- Paso 2
Ajusta el ángulo y los colores.
- Paso 3
Copia el CSS o descarga la imagen.
Por qué usar PhotoTools
Tres tipos
Degradados lineales, radiales y cónicos.
CSS limpio
Una línea, lista para pegar.
Tamaños de fondo
PNG de hasta 3840 × 2160.
Formatos compatibles
Salida
- CSS
- PNG
Preguntas frecuentes
¿El CSS funciona en todos los navegadores?
Los degradados lineales y radiales funcionan en todas partes; los cónicos, en todos los navegadores actuales.
¿Puedo usar más de dos colores?
Sí, hasta seis colores, y cada uno puede ir en cualquier punto del degradado.
¿Es gratis?
Sí. Las herramientas del navegador de PhotoTools son gratis, ilimitadas y funcionan sin cuenta.