¿Qué es Generador de degradados?

Un editor visual de gradientes CSS que te permite crear degradados lineales, radiales y cónicos con puntos de color ilimitados. Ajusta ángulos, posiciones y colores en tiempo real y copia el CSS 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

Supongamos que quieres un fondo hero con tema de atardecer. Elige un degradado lineal de 135°, pon naranja en 0%, rosa en 50% y morado en 100%, y copia el CSS a tu hoja de estilos.

Herramientas relacionadas