Générateur CSS Clip Path
Créez visuellement des formes CSS clip-path par glisser-déposer. Inclut polygone, cercle, ellipse et des préréglages comme étoile et cœur.
Type de forme
Préréglages
Aperçu
Faites glisser les points pour les déplacer, double-cliquez pour ajouter/supprimer
Contrôles
Liste des points
CSS généré
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);Comment utiliser
Choisir la forme
Sélectionnez la forme clip-path
Ajuster les points
Faites glisser les points pour ajuster la forme
Copier
Copiez le code CSS pour l'utiliser
Fonctionnalités
Modification par glissement
Faites glisser les points pour modifier librement la forme
Formes de base
Prend en charge cercle, ellipse, polygone, encadrement
Préréglages
Préréglages comme étoile, flèche, cœur
FAQ
🔗Outils associés
Convertisseur de codes couleur
Convertissez entre les codes couleur HEX, RGB et HSL. Utilisez le sélecteur de couleur et l'aperçu en temps réel pour une sélection intuitive.
Sélecteur de couleur
Choisissez des couleurs intuitivement avec un cercle chromatique et des curseurs. Obtenez et copiez les codes couleur aux formats HEX, RGB et HSL.
Extracteur de couleurs d'image
Détectez automatiquement les couleurs dominantes d'une image et générez une palette de couleurs. Vous pouvez aussi cliquer n'importe où sur l'image pour sélectionner des couleurs individuelles.
Sélecteur de couleur moyenne d'image
Calculez la couleur moyenne d'une image entière ou d'une zone sélectionnée. Utile pour choisir des palettes de couleurs ou des couleurs d'arrière-plan de vignettes.
Générateur de dégradés CSS
Créez visuellement des dégradés CSS avec des contrôles par glissement. Prise en charge des dégradés linéaires, radiaux et coniques avec préréglages.
Générateur CSS Box Shadow
Créez visuellement des box-shadow CSS avec des curseurs. Prise en charge des ombres multiples et des ombres intérieures.