¿Qué es Generador de degradados?

Un editor visual de gradientes CSS que te permite crear degradados lineales, radiales y cónicos con ilimitados puntos de color. Ajusta ángulos, posiciones y colores en tiempo real y copia el código CSS listo para producción con un solo clic.

Cómo usar

1. Paso 1 — Elige el tipo de degradado (lineal, radial o cónico) y establece la dirección o el ángulo con el control deslizante de ángulo o los botones de ajuste preestablecido.
2. Paso 2 — Agrega puntos de color haciendo clic en la barra del degradado. Ajusta el color y la posición de cada punto arrastrándolo o ingresando valores exactos.
3. Paso 3 — Previsualiza el degradado en vivo y luego copia el código CSS generado a tu portapapeles o descárgalo como archivo CSS.

Resultado

Un diseñador web necesita un fondo de héroe con temática de atardecer. Selecciona un degradado lineal de 135°, coloca un punto naranja en el 0%, uno rosa en el 50% y uno morado en el 100%, y luego copia el CSS directamente en su hoja de estilos.

Herramientas relacionadas