Generador de degradados
Previsualiza un degradado y copia su CSS.
Generador de degradados
Make it yours
Adjust the values, then get your result.
Cómo usar Generador de degradados
Gradient generator builds a two-color CSS linear gradient. You pick the first and second colors and an angle from 0 to 360 degrees, see a preview swatch, and get a ready-to-paste background declaration such as linear-gradient(135deg, ...). The CSS can be copied or downloaded as gradient.css.
- Introduce los valores solicitados en el panel de ajustes.
- Configura el primer color, el segundo y el ángulo (grados).
- Ejecuta el generador de degradados, revisa la salida y usa los controles disponibles para copiar o descargar.
Qué admite esta herramienta
Previsualiza un degradado y copia su CSS.
- Primer color
- Set this value for your task.
- Segundo color
- Set this value for your task.
- Ángulo (grados)
- Range: 0 to 360
Límites y procesamiento
Las imágenes están limitadas a 32 megapíxeles y 16,000 píxeles por lado. La mayoría de operaciones acepta una fuente; las operaciones por lotes admitidas producen un archivo ZIP.
Preguntas frecuentes
How do I make a CSS linear gradient?
Choose two colors and an angle, then run the tool. It outputs a line like background: linear-gradient(135deg, #ed854b, #f4d9c5); that you can paste into any CSS rule.
What does the gradient angle mean?
The angle sets the direction of the gradient line in CSS degrees. 0 runs bottom to top, 90 runs left to right, 180 runs top to bottom, and the default 135 runs diagonally toward the bottom right.
Can I add more than two colors to the gradient?
No. This generator creates gradients with exactly two color stops. You can edit the copied CSS by hand to insert extra colors between the first and second values.
¿Dónde se procesa mi entrada?
Esta operación procesa su fuente en tu navegador. Copiar y descargar son acciones explícitas; la entrada de origen no se guarda en una cuenta ni en un historial.
¿Cuáles son los límites de entrada?
Las imágenes están limitadas a 32 megapíxeles y 16,000 píxeles por lado. La mayoría de operaciones acepta una fuente; las operaciones por lotes admitidas producen un archivo ZIP.