design
Gratis
Sin registro
Generador de códigos QR
Construya visualmente gradientes CSS lineales y radiales y copie la propiedad CSS lista para usar.
Cargando la herramienta…
Acerca de esta herramienta
Cree hermosos gradientes CSS sin escribir código. Agregue paradas de color, arrástrelas para establecer posiciones, elija el tipo de gradiente (lineal o radial) y ajuste el ángulo. La vista previa en vivo se actualiza al instante y puede copiar la propiedad CSS de fondo completa con un solo clic.
Cómo usar
- 1 Seleccione el tipo de gradiente 'Lineal' o 'Radial'.
- 2 Agregue paradas de color y elija colores y posiciones para cada una.
- 3 Para gradientes lineales, ajuste el ángulo con el control deslizante.
- 4 Copie la salida CSS y péguela en su hoja de estilos.
Preguntas frecuentes
Herramientas relacionadas
Conversor de colores (HEX, RGB, HSL)
Convierte colores entre HEX, RGB, HSL, HSV y CMYK — con vista previa en tiempo real.
Generador de códigos QR
Genere paletas de colores armoniosas — complementarias, triádicas, análogas y complementarias divididas — a partir de cualquier color base.
Generador de códigos QR
Construya visualmente valores de box-shadow de CSS con vista previa en vivo — admite múltiples capas.