UTILS.
100% en el navegador

Generador de Gradientes CSS

Crea un gradiente lineal o radial con vista previa en vivo y copia el CSS.

Acerca de esta herramienta

Crea un gradiente lineal o radial de dos colores eligiendo colores, posiciones y un ángulo, y luego copia la regla de fondo. La vista previa en vivo se ejecuta por completo en tu navegador.

Preguntas frecuentes

¿Qué es el ángulo en un gradiente lineal?
El ángulo establece la dirección de la transición de color: 0° apunta hacia arriba, 90° hacia la derecha, 180° hacia abajo, y así sucesivamente.
¿Cuándo debo usar radial en lugar de lineal?
Usa radial para irradiar colores hacia afuera desde un punto central (como un foco de luz); el lineal los mezcla a lo largo de una línea recta.

Más herramientas