El texto degradado rellena las letras con una mezcla suave de colores mediante background-clip: text — el efecto detrás de innumerables titulares hero y páginas de aterrizaje. Con animación, el degradado fluye lentamente por las letras.
Escribe tu texto, elige dos colores y un ángulo, activa la animación de brillo y copia el CSS. La salida incluye los prefijos de proveedor para funcionar en todos los navegadores.
Frequently Asked Questions
Q: ¿Por qué no se ve el degradado en el navegador?
¿Por qué no se ve el degradado en el navegador? El truco necesita -webkit-background-clip: text y -webkit-text-fill-color: transparent. Ambos van incluidos; comprueba que un minificador CSS no los haya eliminado.
Q: ¿Funciona en todos los navegadores?
¿Funciona en todos los navegadores? Sí: Chrome, Edge, Safari y Firefox soportan background-clip: text. Navegadores muy antiguos muestran un color sólido si defines primero un fallback.
Q: ¿Puedo usarlo en botones?
¿Puedo usarlo en botones? Sí, pero los botones llevan acciones: prefiere una etiqueta sólida de alto contraste y reserva el texto degradado para titulares y títulos decorativos.
Q: ¿Cómo añado más de dos colores?
¿Cómo añado más de dos colores? Edita el linear-gradient de la salida y añade paradas de color, por ejemplo linear-gradient(90deg, red, yellow, blue).
Q: ¿Es bueno para SEO y accesibilidad?
¿Es bueno para SEO y accesibilidad? El texto sigue siendo HTML real, así que el SEO no se ve afectado. Mantén el contraste alto y evita el degradado en el cuerpo del texto.
Colores del Mundo Hispano
Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.
Rosa Mexicano #E4007CColor icónico del diseño mexicano, creado por Ramón Valdiosera
Azul Añil #4B0082Tinte tradicional de los textiles mayas de Guatemala
Rojo Bermellón #E34234El rojo intenso de los toros y la cerámica española
Amarillo Maíz #F4B41AEl oro del maíz, base de la alimentación mesoamericana
Verde Jade #00A86BLa piedra sagrada de mayas y aztecas
Azul Celeste #A5C8E1El azul de la bandera argentina y el cielo porteño
Terracota #E2725BArcilla cocida — el color de los tejados coloniales
Vino Tinto #722F37El burdeos de las bodegas de La Rioja
Oro Colonial #D4AF37El dorado de los retablos barrocos americanos
Turquesa Caribe #40E0D0El color de las playas del Caribe
Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.