Los blobs son formas orgánicas suaves con bordes irregulares y lisos — la tendencia de diseño detrás de innumerables fondos de héroe, avatares y divisores de sección desde 2020. El truco clásico de CSS usa un border-radius de 8 valores para curvar un rectángulo plano en una forma orgánica.
Haz clic en Aleatorizar para generar una forma nueva, arrastra el control de curvatura para bordes más redondos o excéntricos, y elige un color. Copia el código border-radius directamente en tu CSS — sin imágenes, sin archivos SVG, totalmente responsivo.
Frequently Asked Questions
Q: ¿Cómo funciona el truco del blob con border-radius?
¿Cómo funciona el truco del blob con border-radius? La sintaxis de 8 valores border-radius: a b c d / e f g h define radios horizontales y verticales distintos por esquina. Los valores asimétricos distorsionan el rectángulo en formas orgánicas suaves.
Q: ¿Se pueden animar los blobs?
¿Se pueden animar los blobs? Sí. Anima border-radius entre dos conjuntos de valores orgánicos con @keyframes o una transition, y la forma se transforma suavemente — el efecto "blob morfante" característico.
Q: ¿Siguen de moda los blobs en 2026?
¿Siguen de moda los blobs en 2026? Sí. Las formas orgánicas evolucionaron de tendencia de 2020 a básico del diseño moderno — verás en Stripe, Vercel y miles de héroes SaaS. Combinan perfectamente con glassmorphism y gradientes.
Q: ¿SVG o CSS para blobs?
¿SVG o CSS para blobs? El border-radius de CSS es más ligero y fácil de editar, perfecto para fondos decorativos. Los paths SVG dan control preciso para logos e ilustraciones, a costa de complejidad.
Q: ¿Cómo uso un blob como fondo?
¿Cómo uso un blob como fondo? Crea un div posicionado con el border-radius de blob, define un z-index bajo, añade un relleno de gradiente y desenfoque opcional, y coloca el contenido encima. Anímalo lentamente para un fondo vivo.
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.