Elegir color
Generador de Degradado CSS
Cree degradados CSS de dos colores lineales o radiales; Generate envía un POST a /web-tools/GenerateCssGradient con los colores elegidos—la vista previa en vivo puede actualizarse en el navegador.
Degradado CSS generado
Consejos
Se usan sus colores
Generate envía los colores de inicio y fin que eligió; el CSS no se rellena con colores aleatorios.
Solo linear y radial
El tipo debe ser linear o radial. Esta herramienta no genera degradados cónicos (conic).
Vista previa frente a Generate
La vista previa en vivo puede actualizarse en el navegador al cambiar opciones; Generate sigue haciendo POST a Toolomix para la cadena CSS final.
Dos paradas de color
La solicitud admite startColor y endColor. Para degradados de varias paradas, copie el CSS y añada paradas manualmente.
Endpoint Generate en el servidor
Generate hace POST a /web-tools/GenerateCssGradient con direction, type, startColor y endColor.
Tipos linear y radial
CssGradientRequest type acepta solo linear o radial—sin conic.
Colores elegidos por el usuario
Los colores que selecciona (o aplica desde un preset) se envían y se usan en el CSS devuelto.
Vista previa en vivo opcional
La interfaz puede mostrar una vista previa en el cliente mientras ajusta opciones antes de llamar a Generate.
Qué hace esta herramienta
El Generador de Degradado CSS le ayuda a crear un degradado CSS de dos colores linear o radial y a copiar el valor de background resultante.
Generate envía su dirección, tipo y colores a Toolomix (/web-tools/GenerateCssGradient). La vista previa en vivo puede actualizarse en el cliente al cambiar los controles.
Cómo usar
Elija tipo y dirección
Seleccione linear o radial, luego una dirección (para linear) o una forma como circle/ellipse (para radial).
Defina colores de inicio y fin
Elija colores con los selectores o aplique un preset rápido; esos valores son los que usará Generate.
Genere y copie
Haga clic en Generate para hacer POST a Toolomix y copie el CSS devuelto en su hoja de estilos.
Entradas y salida admitidas
Entrada: tipo de degradado (linear|radial), cadena de dirección/forma y dos valores de color. Salida: sintaxis CSS de degradado según esos parámetros.
No es un conversor de archivos y no usa el middleware de carga de imágenes/PDF.
Procesamiento y privacidad
Generate envía sus ajustes por POST a Toolomix en /web-tools/GenerateCssGradient. Ese paso no es solo en el navegador.
La vista previa en vivo puede seguir ejecutándose en el navegador. Consulte la Política de privacidad sobre cómo se tratan las solicitudes y los registros.
Limitaciones
Límites conocidos
- Sin degradados cónicos (conic)
- Solo dos paradas de color (inicio y fin) en el modelo de solicitud
- Generate requiere una respuesta correcta del servidor
- No es un sistema de diseño completo ni un constructor de fondos multicapa
Solución de problemas
Si Generate falla, compruebe la conexión de red e inténtelo de nuevo; el botón depende de que /web-tools/GenerateCssGradient responda correctamente.
Si la vista previa se ve bien pero la copia falla tras Generate, vuelva a ejecutar Generate y use Copiar CSS en el resultado devuelto.
Preguntas frecuentes
¿Generate es solo en el navegador?
No. Generate envía un CssGradientRequest por POST a /web-tools/GenerateCssGradient en Toolomix. La vista previa en vivo puede seguir actualizándose en el navegador sin esa llamada.
¿Qué tipos de degradado se admiten?
Solo linear y radial. Conic no está disponible.
¿Los colores son aleatorios?
No. Los colores de inicio y fin que elige se envían en la solicitud y se usan en la salida CSS.
¿Qué campos espera la API?
direction, type (linear|radial), startColor y endColor en CssGradientRequest.
¿Puedo usar más de dos colores?
El generador produce un degradado de dos paradas. Use la salida como punto de partida y añada paradas extra en su hoja de estilos si lo necesita.
¿Debo subir un archivo?
No. Configura opciones en el formulario; no hay flujo de carga de archivos para esta herramienta.
¿Funcionará el CSS en navegadores modernos?
linear-gradient y radial-gradient tienen amplio soporte en navegadores actuales. Verifique siempre en sus entornos de destino.
Pruebe otras herramientas gratis
Pruébelo ahora
Elija tipo, dirección y colores; luego Generate para obtener CSS de Toolomix con sus selecciones.
