Generador de degradados CSS
Crea degradados CSS lineales, radiales y cónicos de forma visual. Edita paradas de color, ángulo y transparencia y copia el CSS o exporta un PNG.
- Sin subidas
- Sin límites
- Sin registro
Paradas de color
Ajustes preestablecidos
- Entrada:
- HEX
- Salida:
- PNG
- Se ejecuta en:
- Tu dispositivo
- Límite de tamaño:
- Ninguno
- Cuenta:
- No hace falta
Cómo usar Generador de degradados CSS
Elige tipo y ángulo
Elige lineal, radial o cónico y define el ángulo o la forma. La vista previa se actualiza al instante.
Edita las paradas de color
Arrastra los controles bajo la barra, elige colores y opacidad, añade o quita paradas o parte de un ajuste preestablecido.
Copia el CSS o exporta un PNG
Copia el CSS (con un color de fondo de respaldo) o descarga el degradado como imagen PNG.
Por qué usar Generador de degradados CSS en Toolshed
Sin subidas
Todo se ejecuta en esta pestaña del navegador. Tus archivos nunca salen de tu dispositivo.
Sin límites
Sin límite de tamaño de archivo ni cuotas diarias. Procesa tanto como aguante tu dispositivo.
Sin registro
Sin cuenta, sin correo electrónico y sin marcas de agua.
Preguntas frecuentes
¿En qué se diferencian los tipos de degradado?
El lineal mezcla colores a lo largo de una recta con un ángulo, el radial se expande desde el centro y el cónico barre los colores alrededor del centro como una rueda de color.
¿Qué es el color de respaldo?
El CSS empieza con un background-color sólido tomado de tu primera parada, así los navegadores muy antiguos sin soporte de degradados muestran un color razonable.
¿Cómo funciona la exportación a PNG?
El degradado se dibuja en un lienzo en tu navegador con el tamaño que elijas y se guarda como PNG. No se sube nada.
¿Se suben mis archivos a algún sitio?
No. Generador de degradados CSS se ejecuta por completo en tu navegador. Tus archivos se procesan en tu dispositivo y nunca se envían a un servidor.
¿Hay un límite de tamaño de archivo?
No hay un límite fijo. El único límite es la memoria de tu dispositivo. Los archivos muy grandes funcionan mejor en un navegador de escritorio.
¿Generador de degradados CSS es realmente gratis?
Sí. No hay cuenta ni marca de agua. Un anuncio breve opcional, o una espera de 20 segundos, desbloquea cada descarga. Así mantenemos el servicio gratuito.