Outils Outils de design
Générateurs CSS, outils de couleur et création SVG
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.
Générateur CSS Border Radius
Générez des border-radius CSS avec des contrôles individuels par coin. Inclut des options de rayon elliptique et des préréglages de formes populaires.
Générateur CSS Text Shadow
Générez des text-shadow CSS avec aperçu en direct. Empilez plusieurs ombres avec des préréglages néon, relief et autres.
Générateur de triangles CSS
Générez des triangles CSS à l'aide de la propriété border. Prise en charge de 8 directions avec taille et couleur personnalisables.
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.
Générateur CSS Glassmorphism
Créez des effets d'interface verre dépoli avec aperçu en direct et sortie CSS. Affinez la transparence, le flou, la bordure et les paramètres d'ombre.
Générateur de chargeurs CSS
Choisissez parmi plusieurs animations de chargement CSS et obtenez le code. Personnalisez la couleur, la taille et la vitesse pour les spinners, points, barres et plus.
Générateur CSS Flexbox
Créez visuellement des mises en page Flexbox et générez le code CSS. Ajustez toutes les propriétés avec un aide-mémoire intégré.
Générateur CSS Cubic Bezier
Créez visuellement des courbes d'accélération pour animations CSS. Déplacez les poignées et prévisualisez les animations en temps réel.
Générateur de nuances de couleurs
Générez des variations de nuances du clair au foncé pour n'importe quelle couleur. Ajustez le nombre d'étapes et exportez en palette Tailwind CSS.
Mélangeur de couleurs
Mélangez deux couleurs ou plus dans des proportions spécifiées pour créer de nouvelles couleurs. Comparez les résultats dans différents espaces colorimétriques comme RGB, HSL et LAB.
Générateur de palettes de couleurs
Générez des palettes de couleurs à partir d'une couleur de base en utilisant la théorie des couleurs. Inclut les schémas complémentaires, analogues, triadiques et plus encore.
Aperçu de polices web
Prévisualisez les polices web de Google Fonts en temps réel. Comparez plusieurs polices en ajustant la taille et la couleur.
Référence des noms de couleurs HTML
Parcourez les 148 noms de couleurs HTML/CSS en un seul endroit. Recherchez, prévisualisez et copiez les codes HEX facilement.
Générateur de motifs d'arrière-plan CSS
Générez des motifs d'arrière-plan en CSS pur. Personnalisez les rayures, points, damiers et plus avec un éditeur visuel.
Générateur de barre de défilement CSS
Personnalisez le design de la barre de défilement CSS avec un éditeur visuel. Ajustez la couleur, la largeur, le rayon de bordure et copiez le code directement.
Générateur de texte dégradé CSS
Générez du code CSS pour appliquer des dégradés au texte. Prévisualisez les couleurs, la direction et les ajustements de plage en temps réel.
Générateur de cases à cocher CSS
Créez des cases à cocher CSS personnalisées avec un éditeur visuel. Personnalisez librement les animations, les couleurs et les formes.
Générateur d'interrupteur à bascule CSS
Créez des interrupteurs à bascule CSS personnalisés avec un éditeur visuel. Ajustez la taille, la couleur et l'animation, puis exportez le code.
Générateur de formes blob SVG
Générez automatiquement des formes blob organiques en SVG. Ajustez le caractère aléatoire et la complexité pour les décorations de design web.
Générateur de motifs SVG
Générez des motifs SVG répétables en tuiles. Personnalisez le type de motif, la couleur et la taille, puis exportez le code.