Admite tipos de gradiente CSS lineales, radiales y cónicos.
Ajuste libremente las posiciones de parada de color y ángulo para obtener gradientes perfectos en píxeles.
Vea los cambios de gradiente en tiempo real a medida que ajusta los parámetros.
El código CSS generado está listo para pegarse directamente en su proyecto.
Todo el procesamiento ocurre localmente en su navegador. No se cargan datos en ningún servidor.
Sin registro, sin límites. Gratis para usar para siempre.
Una guía completa de los tres tipos de gradientes CSS, que incluye sintaxis, parámetros y ejemplos prácticos.
Guía completa (en inglés)Explore las tendencias actuales de diseño de degradados, desde degradados suaves hasta choques de colores llamativos, y encuentre su inspiración para el diseño.
Tendencias de diseño (en inglés)Comprenda cómo los gradientes de CSS afectan el rendimiento de la representación de páginas y aprenda a escribir estilos de gradiente de alto rendimiento.
Actuación (en inglés)Aprenda a utilizar gradientes mientras garantiza la accesibilidad web y el cumplimiento de las WCAG.
Accesibilidad (en inglés)Agregue paradas de color, elija sus posiciones y seleccione el tipo de degradado. La herramienta produce CSS a partir de esa configuración.
Ajuste los colores, las posiciones de las paradas y la dirección mientras visualiza la vista previa. Copie el CSS generado cuando coincida con el efecto que desea.