Degradado CSS
Crea degradados lineales o radiales y copia el código CSS listo para usar. Vista previa en vivo, gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Crea degradados lineales o radiales y copia el código CSS listo para usar.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo un degradado CSS?
Elige dos colores, el tipo (lineal o radial) y la dirección; pulsa Generar CSS para obtener el código listo para copiar.
¿El código es compatible?
Sí, el código generado usa la sintaxis estándar de CSS y funciona en todos los navegadores modernos.
¿Cómo uso el código generado?
Puedes copiar el resultado y pegarlo directamente en tu hoja de estilos o en la propiedad background de tu elemento.
¿Funciona en el móvil?
Sí, funciona en el móvil, la tableta y la computadora sin instalar nada.
Herramientas relacionadas de Color y diseño
Rueda de color
Visualiza las relaciones de color en la rueda cromática y explora armonías desde cualquier tono.
Usar gratisHSL a RGB
Convierte colores HSL a RGB y HEX al instante.
Usar gratisRGB a CMYK
Convierte RGB a CMYK para preparar tus diseños para impresión.
Usar gratisSimulador de daltonismo
Mira cómo percibe tus colores una persona con protanopia, deuteranopia o tritanopia.
Usar gratisSombra CSS
Crea box-shadow personalizadas con vista previa en vivo y copia el código CSS.
Usar gratisBorder radius
Ajusta el radio de cada esquina y obtén el código border-radius CSS al instante.
Usar gratis