Los divisores de olas son formas SVG que separan secciones de página con suavidad — el detalle característico de las secciones hero, pies de página y landings de apps modernas. SVG los mantiene nítidos en cualquier tamaño de pantalla.
Ajusta amplitud, longitud y capas, elige un color de relleno y copia el SVG. Incrústalo en tu HTML o guárdalo como archivo .svg y úsalo como una imagen.
Frequently Asked Questions
Q: ¿Cómo incrusto la ola en mi página?
¿Cómo incrusto la ola en mi página? Copia el SVG y pégalo en línea en tu HTML, o guarda el código como archivo .svg y reférencialo con una etiqueta <img>.
Q: ¿Puedo voltear la dirección de la ola?
¿Puedo voltear la dirección de la ola? Sí: añade transform="scaleY(-1)" al SVG o intercambia el inicio y el final del path para que curve hacia el otro lado.
Q: ¿Por qué usar SVG en lugar de PNG?
¿Por qué usar SVG en lugar de PNG? El SVG se mantiene nítido a cualquier resolución, pesa unos cientos de bytes y puede recolorearse o animarse con CSS.
Q: ¿Cómo hago la ola de ancho completo?
¿Cómo hago la ola de ancho completo? El SVG usa preserveAspectRatio="none" y width:100%, así que se estira a cualquier ancho de contenedor sin deformarse.
Q: ¿Puedo animar la ola?
¿Puedo animar la ola? Sí: envuelve el SVG en un contenedor con overflow:hidden y anima su posición con keyframes CSS para un efecto de ola rodante.
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.