Les blobs sont des formes organiques douces aux bords irréguliers et lisses — la tendance design derrière d'innombrables arrière-plans de héros, avatars et séparateurs de section depuis 2020. L'astuce CSS classique utilise un border-radius à 8 valeurs pour courber un rectangle plat en forme organique.
Cliquez sur Aléatoire pour générer une nouvelle forme, faites glisser le curseur de courbure pour des bords plus ronds ou excentriques, et choisissez une couleur. Copiez le code border-radius directement dans votre CSS — sans images, sans fichiers SVG, entièrement responsive.
Frequently Asked Questions
Q: Comment fonctionne l'astuce du blob en border-radius ?
Comment fonctionne l'astuce du blob en border-radius ? La syntaxe à 8 valeurs border-radius: a b c d / e f g h définit des rayons horizontaux et verticaux différents par coin. Les valeurs asymétriques déforment le rectangle en formes organiques lisses.
Q: Les blobs peuvent-ils être animés ?
Les blobs peuvent-ils être animés ? Oui. Animer border-radius entre deux ensembles de valeurs organiques avec @keyframes ou une transition fait la forme se transformer en douceur — l'effet « blob mouvant » caractéristique.
Q: Les blobs sont-ils encore tendance en 2026 ?
Les blobs sont-ils encore tendance en 2026 ? Oui. Les formes organiques sont passées de tendance 2020 à base du design moderne — voir Stripe, Vercel et d'innombrables héros SaaS. Elles se marient parfaitement avec le glassmorphism et les dégradés.
Q: SVG ou CSS pour les blobs ?
SVG ou CSS pour les blobs ? Le border-radius CSS est plus léger et facile à éditer, parfait pour les fonds décoratifs. Les paths SVG offrent un contrôle précis pour logos et illustrations, au prix de la complexité.
Q: Comment utiliser un blob comme arrière-plan ?
Comment utiliser un blob comme arrière-plan ? Créez une div positionnée avec le border-radius de blob, définissez un z-index bas, ajoutez un remplissage en dégradé et un flou optionnel, puis placez le contenu par-dessus. Animez lentement pour un fond vivant.
Couleurs de France
Du bleu de France au rouge coquelicot, la palette française puise dans la mode, l'art et le patrimoine. Des couleurs élégantes et raffinées qui ont marqué l'histoire du design mondial.
Bleu de France #318CE7Le bleu national utilisé depuis les rois capétiens
Rouge Coquelicot #FF3800Le rouge éclatant des champs de coquelicots
Vert Émeraude #50C878La couleur emblématique des bijoux et de la joaillerie
Jaune de Naples #FADA5EPigment historique des peintres depuis la Renaissance
Rose Bonbon #F9429ELe rose sucré de la confiserie et de la mode
Bleu Roi #4169E1Le bleu royal des armoiries et de Versailles
Bordeaux #800020Le rouge sombre des vins de la région bordelaise
Gris Perle #B0B7C3L'élégance discrète des intérieurs parisiens
Lavande #967BB6Les champs de Provence en été
Crème #FFFDD0La douceur des façades haussmanniennes
Q: Qu'est-ce que le bleu de France ?
Qu'est-ce que le bleu de France ? Le bleu de France (#318CE7) est la couleur nationale française, héritée du bleu des armoiries royales depuis le XIIe siècle, reprise aujourd'hui par les équipes sportives nationales.
Q: Qu'est-ce que le rouge coquelicot ?
Qu'est-ce que le rouge coquelicot ? Le coquelicot (#FF3800) est un rouge-orangé vif nommé d'après les fleurs de coquelicot qui fleurissent dans les champs français, popularisé par les impressionnistes.