🌊 Une boîte à outils,
chaque tâche de conception

Générateur de Vagues SVG

Créez des séparateurs de vagues SVG fluides pour votre site — réglez amplitude, longueur et calques, copiez le SVG.

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

🌊 Générateur de Vagues SVG

Guide du Générateur de Vagues SVG

Les séparateurs de vagues sont des formes SVG qui séparent les sections de page en douceur — le détail signature des sections hero, pieds de page et landings d'apps modernes. Le SVG les garde nets à toutes les tailles d'écran.

Réglez amplitude, longueur et calques, choisissez une couleur de remplissage et copiez le SVG. Intégrez-le en ligne dans votre HTML ou enregistrez-le en fichier .svg et utilisez-le comme une image.

Pro Tips

Frequently Asked Questions

Q: Comment intégrer la vague dans ma page ?
Comment intégrer la vague dans ma page ? Copiez le SVG et collez-le en ligne dans votre HTML, ou enregistrez le code en fichier .svg et référencez-le avec une balise <img>.
Q: Puis-je inverser la direction de la vague ?
Puis-je inverser la direction de la vague ? Oui — ajoutez transform="scaleY(-1)" au SVG ou échangez le début et la fin du path pour qu'elle s'incurve de l'autre côté.
Q: Pourquoi utiliser le SVG plutôt qu'un PNG ?
Pourquoi utiliser le SVG plutôt qu'un PNG ? Le SVG reste net à toutes les résolutions, pèse quelques centaines d'octets et peut être recoloré ou animé en CSS.
Q: Comment rendre la vague pleine largeur ?
Comment rendre la vague pleine largeur ? Le SVG utilise preserveAspectRatio="none" et width:100%, il s'étire donc à toute largeur de conteneur sans déformation.
Q: Puis-je animer la vague ?
Puis-je animer la vague ? Oui — enveloppez le SVG dans un conteneur overflow:hidden et animez sa position avec des keyframes CSS pour un effet de vague roulante.

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 #318CE7

Le bleu national utilisé depuis les rois capétiens

Rouge Coquelicot #FF3800

Le rouge éclatant des champs de coquelicots

Vert Émeraude #50C878

La couleur emblématique des bijoux et de la joaillerie

Jaune de Naples #FADA5E

Pigment historique des peintres depuis la Renaissance

Rose Bonbon #F9429E

Le rose sucré de la confiserie et de la mode

Bleu Roi #4169E1

Le bleu royal des armoiries et de Versailles

Bordeaux #800020

Le rouge sombre des vins de la région bordelaise

Gris Perle #B0B7C3

L'élégance discrète des intérieurs parisiens

Lavande #967BB6

Les champs de Provence en été

Crème #FFFDD0

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