Generador de texto con degradado CSS con vista previa en vivo
Genera texto con un degradado de color en CSS (background-clip), con vista previa, en tu navegador.
Works in all modern browsers (-webkit- prefix included).
🔒 100 % en el cliente — no se envía ningún dato
Crea texto con un degradado de color y obtén el CSS listo para pegar en tu proyecto. Elige los colores, el ángulo y previsualiza el resultado en tiempo real. La herramienta se ejecuta 100% en tu navegador, sin registro y sin envío de datos.
What is it for?
- ▸ Destacar un titular o un logotipo de texto en una landing page
- ▸ Generar un degradado de marca coherente para una cabecera
- ▸ Obtener el código CSS con los prefijos background-clip necesarios
- ▸ Probar rápidamente varias combinaciones de color y ángulo
FAQ
¿Cómo aplico un degradado a un texto en CSS?
Aplicas un fondo con degradado al texto y luego usas background-clip: text con color: transparent para que el degradado solo se vea a través de las letras.
¿Es compatible el texto con degradado con todos los navegadores?
Sí en los navegadores modernos, siempre que añadas el prefijo -webkit-background-clip: text para Chrome, Safari y Edge. La herramienta incluye este prefijo automáticamente.
¿Causa problemas de accesibilidad el texto con degradado?
El texto sigue siendo seleccionable y legible por los lectores de pantalla, pero asegúrate de mantener suficiente contraste entre los colores del degradado y el fondo.