Acerca de esta herramienta
Crea un degradado lineal de dos colores y copia el CSS.
Elige color inicial, color final y ángulo. La vista cambia al mover los controles. El cuadro muestra el mismo CSS que pegas en background.
El degradado es un color de pantalla. No imita tinta de imprenta ni una guía de marca. Revisa el contraste si habrá texto encima.
No se sube nada. Al terminar, copia la declaración y cierra la página.
Pasos rápidos
- Elige dos colores.
- Ajusta el ángulo.
- Copia el CSS.
Los colores permanecen en esta pestaña.
Preguntas frecuentes
¿Puedo añadir un tercer color?
Esta página hace dos paradas. Añade más en tu hoja si las necesitas.
¿La vista es exacta en toda pantalla?
Los navegadores dibujan el degradado con pequeñas diferencias. Prueba el navegador de destino.