Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Générateur de clip-path polygonal
Dessinez une découpe polygonale en déplaçant ses sommets ou en saisissant leurs coordonnées, puis exportez le CSS.
Déplacez les points à la souris ou avec les flèches. Maj augmente le pas. Vous pouvez aussi saisir directement les coordonnées.
CSS
À propos de cet outil
Dessinez un panneau en diagonale ou un badge géométrique sans masque d’image supplémentaire.
Mode d’emploi
Partez d’un triangle, d’un losange, d’un hexagone ou d’un autre modèle. Déplacez les points, modifiez leurs pourcentages X/Y et ajoutez ou retirez des sommets. Après avoir sélectionné un point avec Tab, utilisez les flèches pour l’ajuster ; Maj augmente le pas.
Le polygone comporte de 3 à 32 points, avec des coordonnées entre 0 et 100 %. Ils sont reliés dans l’ordre de la liste, puis la forme est fermée. Copiez ou téléchargez le clip-path: polygon(...) de l’aperçu. Les courbes et les images déjà découpées ne sont pas exportées.
Questions fréquentes
Peut-on dessiner des courbes ou sortir du cadre ?
L’éditeur accepte 3 à 32 sommets, avec des coordonnées de 0% à 100%. Les courbes et les sommets hors de ces limites ne sont pas proposés.
Pourquoi des découpes inattendues apparaissent-elles après le déplacement des points ?
Les points sont reliés dans l’ordre de la liste, puis le dernier rejoint le premier. Faire passer un point de l’autre côté d’un segment peut créer un croisement. Partez d’une forme prédéfinie et gardez les sommets dans l’ordre du contour. Vous pouvez supprimer les points inutiles en en conservant au moins trois.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0