Generador de degradados CSS
Diseña degradados lineales o radiales y copia el CSS.
Espacio de trabajo · Generador de degradados CSS
background: linear-gradient(135deg, #faae33, #5d2a1a);
Cómo se usa
Configura las opciones o pega la lista de entrada.
El resultado se actualiza al instante o al pulsar el botón de generar, según la herramienta.
Copia el resultado; no se envía nada a un servidor.
Ejemplos
Degradado lineal
linear-gradient(135deg, #faae33, #5d2a1a).
Degradado radial
Un centro luminoso que se difumina hacia los bordes.
Lo que conviene saber
Puedes ajustar los colores, el ángulo y el tipo de degradado. El CSS generado se puede pegar directamente en una regla background o background-image.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Generador de sombras CSS
Crea sombras de caja suaves y copia la propiedad box-shadow.
Generador de paletas de colores
Crea paletas armónicas y copia los códigos HEX.
Selector de colores
Elige un color y obtén su código HEX, RGB y HSL, con tonos y contraste.