Generador de degradados CSS
Elige el tipo de degradado y coloca las paradas de color. La vista previa refleja cada ajuste antes de copiar la declaración de fondo.
Se ejecuta localmente en tu navegador · linear · radial · conic
Elige el tipo de degradado y coloca las paradas de color. La vista previa refleja cada ajuste antes de copiar la declaración de fondo.
Se ejecuta localmente en tu navegadorGenerador de degradados CSS forma parte de las generadores CSS de KivTools. El taller de arriba resuelve todo el trabajo en una sola pantalla: las opciones que marcas en el formulario y después un resultado de texto listo para copiar.
La conversión se ejecuta dentro de la página con JavaScript. Nada de lo que escribes se sube, la herramienta sigue funcionando sin conexión y sirve para datos que no puedes enviar a un tercero.
La maquetación web es aritmética más reglas de sentido común: los valores interactúan, las unidades se heredan y el soporte cambia entre motores. Estos generadores convierten una intención visual en una declaración lista para pegar y muestran el efecto antes de llegar a la hoja de estilos.
Una declaración que aguanta un ancho puede romperse en otro, sobre todo dentro de un contenedor flex o grid que cambia de tamaño. Prueba en estrecho y en ancho antes de fijar el valor.
Navegadores, herramientas de escritorio y utilidades de línea de comandos deberían coincidir; una diferencia suele indicar otra codificación, otra configuración regional u otra versión. Comprueba la declaración generada en el inspector, sobre el elemento real: una vista previa en un contenedor neutro esconde restricciones heredadas.
Las funciones CSS recientes no están en todas partes; mantén una línea de reserva para los navegadores de tu público en vez de depender siempre de la sintaxis más nueva. Guarda una copia de la entrada mientras pruebas, para que un ajuste equivocado no destruya el original.
Sí. Todas las herramientas de KivTools son gratuitas, no piden cuenta ni tienen cuota. No hay plan de pago escondido detrás del taller ni hace falta un correo para usar el resultado.
En tu navegador. El script se carga una vez y la conversión ocurre en tu equipo; por eso la herramienta sigue funcionando cuando se cae la red.
El taller acepta las opciones que marcas en el formulario y devuelve un resultado de texto listo para copiar. Las entradas grandes suelen ir bien; para volúmenes extremos es mejor una herramienta local de línea de comandos.
El soporte del navegador decide la utilidad: comprueba la función en los motores que usa tu público. Compara primero una muestra pequeña y conocida si el resultado alimenta un proceso automático.
El resultado es tuyo: sin marca de agua, sin etiqueta de licencia y sin atribución obligatoria. Solo revisa la licencia del formato de base si va dentro de un producto.
La página funciona en cualquier navegador móvil moderno y pasa a una sola columna en pantallas pequeñas. Las herramientas locales siguen funcionando sin conexión una vez cargada la página.