Hexagone
Gratuit, sans inscription, fonctionne dans votre navigateur.
Six points, des arêtes droites et l'irrégularité à zéro — ce qui rend tous les rayons identiques et le résultat mathématiquement régulier. Le cas dégénéré du générateur de blobs, et un cas réellement utile.
Les réglages qui la produisent
| Générateur | Blob |
|---|---|
| Points | 6 |
| Irrégularité | 0% |
| Douceur | 100% |
| Graine | 1 |
Ce qu'il faut savoir
- Une irrégularité nulle donne un polygone régulier parfait, pas une approximation.
- Changez le nombre de points pour toute autre figure régulière : trois pour un triangle, huit pour un octogone.
- La forme la plus légère du catalogue, à 151 octets.
Ce que ça coûte en octets
Cette forme exacte pèse 151 octets en SVG et 312 octets en arrière-plan CSS — l'URI de données est plus lourde parce que l'encodage en pourcentage coûte trois caractères pour chacun qu'il échappe. Les deux chiffres concernent la forme montrée ci-dessus, avec deux décimales de précision sur les coordonnées.
| Format | Taille |
|---|---|
| SVG | 151 B |
| Arrière-plan CSS | 312 B |
| clip-path CSS | 369 B |
| border-radius CSS | 94 B |
Le début du SVG de Hexagone
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38L153.69 69L153.69 131L100 162L46.31 131L46.31 69Z" fill="#4f46e5"/></svg>Plus en détail
Ce préréglage existe pour dire quelque chose des commandes : le curseur d'irrégularité à zéro n'est pas un générateur désactivé, c'est le générateur de polygones réguliers. Chaque réglage de cet outil doit avoir du sens sur toute son étendue, et un curseur dont le minimum ne produirait rien d'utile serait un curseur avec une impasse au bout.
Questions
Comment modifier Hexagone une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Hexagone dans la rangée de préréglages, puis faites glisser ce que vous voulez. Le préréglage est un point de départ, pas un verrou — tous les curseurs restent actifs, et le champ de graine accepte un mot si vous préférez nommer votre forme plutôt que la numéroter.
Sera-t-elle identique la prochaine fois ?
Oui, tant que la graine est la même. Celle-ci est la graine 1 avec 6 points. Le générateur est déterministe : ces réglages reproduisent cette courbe exacte sur n'importe quel appareil.
Puis-je utiliser une autre couleur ?
Oui — la couleur est appliquée à l'export, elle n'est pas figée dans la géométrie. L'aperçu ci-dessus utilise la couleur par défaut ; choisissez la vôtre dans le générateur et le SVG, l'arrière-plan CSS et le clip-path suivront.
Chaque chiffre et chaque forme de cette page ont été produits en exécutant le générateur au moment de la compilation : ils décrivent donc l'outil que vous vous apprêtez à utiliser, et non une version qui a existé un jour.