Cómo se usa
- Elige el tipo: lineal, radial o cónico.
- Ajusta los colores, sus posiciones y el ángulo, o parte de una plantilla.
- Copia el CSS.
El código que genera
Incluimos primero un color sólido como respaldo y después el degradado. Todos los navegadores actuales admiten linear-gradient, radial-gradient y conic-gradient sin prefijos.
Si pones texto encima, comprueba el contraste con el color más claro del degradado en el Convertidor de colores.
Preguntas frecuentes
¿Puedo usar el degradado en el texto?
Sí: pon el degradado como background y añade background-clip: text y color: transparent.
¿Cuántos colores admite?
Hasta seis en esta herramienta. CSS admite más, pero rara vez hacen falta.
¿Te ha sido útil esta herramienta?