Crea degradados CSS lineales, radiales o cónicos con vista previa en vivo. Ajusta colores y dirección, luego copia el CSS.
Elige un tipo de degradado (lineal, radial o cónico), añade paradas de color, ajusta sus posiciones y ve el resultado en tiempo real. La propiedad CSS background generada está lista para copiar y pegar directamente en tu proyecto.
Selecciona un tipo de degradado, ajusta el ángulo (para lineal/cónico), haz clic en las muestras de color para cambiarlos y arrastra los controles para establecer las posiciones. Haz clic en + Añadir color para más paradas. Copia el CSS del bloque oscuro a la derecha.
Un degradado cónico rota los colores alrededor de un punto central. Es útil para gráficos de tarta, ruedas de color, efectos de dial y cualquier diseño donde los colores transicionan en barrido.
Las que quieras — haz clic en + Añadir color para insertar paradas adicionales. El CSS es válido independientemente de cuántas paradas uses.
Esta herramienta funciona completamente en tu navegador. Nada de lo que escribes o pegas se envía a ningún servidor — todo el procesamiento ocurre localmente en tu dispositivo.