Generador de degradados CSS

Cómo se usa

1. En cuanto se abre la página ya hay un degradado en pantalla — el primer resultado no necesita ningún clic.
2. Elige un tipo: «Lineal» avanza a lo largo de un ángulo, «Radial» se extiende desde un círculo, «Cónico» gira alrededor de un centro. Cambia el ángulo con el control en los modos lineal y cónico.
3. Define los colores con las muestras y arrastra cada posición (0–100 %). Añade más colores con «+ Añadir color» si quieres un degradado de varias paradas; quítalos hasta dejar dos.
4. El CSS se actualiza en vivo debajo — cópialo con un clic y pégalo donde se admita CSS.

Alcance, límites y preguntas habituales

• Solo colores opacos: las muestras son selectores de color del navegador y no muestran alfa. Para transparencia, convierte primero el color a una forma con alfa y vuelve después.
• Solo un segmento estándar: lineal, radial o cónico — sin prefijos -webkit-, sin trucos de fondos superpuestos o múltiples, sin dimensionamiento radial ni posicionamiento del centro.
• Las paradas conservan el orden en que las añades — no se ordenan automáticamente, así que una posición fuera de orden provoca un salto brusco a propósito.
• Entre 2 y 8 paradas. Bajar a una sola parada detiene el degradado (con un aviso) en lugar de falsearlo.
• Sin biblioteca de preajustes, sin aplicar el fondo a toda la página y sin enlace para compartir que transporte el degradado — el botón de compartir solo comparte la URL de la página; no se sube, guarda ni escribe nada en la URL.
• El ángulo no tiene sentido en los degradados radiales, así que el control de ángulo se oculta y el código generado no incluye ángulo.