P Un conjunto de herramientas,
cada tarea de diseño

Presets de degradados

Explore y copie 15 hermosos degradados preestablecidos.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

P Presets de degradados

Cómo utilizar la biblioteca de ajustes preestablecidos de degradado

La biblioteca de ajustes preestablecidos de degradado ofrece 15 combinaciones de degradado cuidadosamente seleccionadas para fondos web, elementos de interfaz de usuario y diseño gráfico. Explore los ajustes preestablecidos, haga clic en cualquier degradado que desee y copie instantáneamente el código CSS para usarlo en su proyecto.

Los degradados funcionan mejor que nunca con el CSS moderno. Añaden profundidad e interés visual sin imágenes adicionales. Cada ajuste preestablecido utiliza combinaciones de colores optimizadas que funcionan bien para diferentes contextos.

Pro Tips

Frequently Asked Questions

Q: ¿Puedo personalizar los ajustes preestablecidos?
¿Puedo personalizar los ajustes preestablecidos? Sí, copie un ajuste preestablecido como punto de partida y ajuste los colores y ángulos usando nuestra herramienta Generador de degradado.
Q: ¿Estos gradientes funcionan en todos los navegadores?
¿Estos gradientes funcionan en todos los navegadores? Sí, el gradiente lineal es compatible con todos los navegadores modernos. La salida CSS utiliza la sintaxis estándar.
Q: ¿Estos gradientes son compatibles con dispositivos móviles?
¿Estos gradientes son compatibles con dispositivos móviles? Sí, los degradados se renderizan en todos los dispositivos. Para mejorar el rendimiento, evite gradientes extremadamente complejos en dispositivos móviles de gama baja.
Q: ¿Cómo hago un efecto de texto degradado?
¿Cómo hago un efecto de texto degradado? Utilice la propiedad CSS background-clip: texto con fondo degradado. Copie el ajuste preestablecido y agregue las propiedades CSS adicionales.
Q: ¿Están estos ajustes preestablecidos optimizados para el rendimiento?
¿Están estos ajustes preestablecidos optimizados para el rendimiento? Sí, los gradientes CSS son renderizados por la GPU y tienen un rendimiento excelente. Incluso los gradientes complejos de varias paradas tienen un impacto mínimo en la velocidad de la página.

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 #E4007C

Color icónico del diseño mexicano, creado por Ramón Valdiosera

Azul Añil #4B0082

Tinte tradicional de los textiles mayas de Guatemala

Rojo Bermellón #E34234

El rojo intenso de los toros y la cerámica española

Amarillo Maíz #F4B41A

El oro del maíz, base de la alimentación mesoamericana

Verde Jade #00A86B

La piedra sagrada de mayas y aztecas

Azul Celeste #A5C8E1

El azul de la bandera argentina y el cielo porteño

Terracota #E2725B

Arcilla cocida — el color de los tejados coloniales

Vino Tinto #722F37

El burdeos de las bodegas de La Rioja

Oro Colonial #D4AF37

El dorado de los retablos barrocos americanos

Turquesa Caribe #40E0D0

El 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.