Design et style

Convertit le CSS hérité d'Internet Explorer aux normes modernes. Transforme automatiquement les filtres spécifiques à IE (opacité, dégradés), les préfixes fournisseur (-ms-), l'ancienne syntaxe flexbox/grid, les hacks de sélecteur et les propriétés propriétaires en CSS moderne et propre.

Ajustez les paramètres d’une transition à ressort Framer Motion avec des curseurs, prévisualisez le mouvement et copiez le code prêt à l’emploi.

Générez des palettes de couleurs harmonieuses à l'aide de l'IA. Décrivez l'ambiance, le thème ou le style souhaité, et laissez l'intelligence artificielle créer un schéma de couleurs cohérent avec des noms et des descriptions pour chaque couleur.

Décrivez un élément d'interface en mots et générez le code CSS correspondant.

Créez des panneaux personnalisables pour Twitch, Discord ou les réseaux sociaux. Générez des images professionnelles pour les spécifications PC, les règles, les sections À propos et plus avec plusieurs styles de design.

Générez des pages de test d'impression personnalisables pour l'étalonnage de l'imprimante et les tests de qualité. Créez des pages avec des barres de couleur, des dégradés de gris, des marques d'alignement, des échantillons de texte et des motifs de grille.

Générez et explorez des codes couleur CMYK avec des curseurs interactifs. Créez des couleurs CMYK personnalisées ou générez des combinaisons aléatoires. Parfait pour le design d'impression, le branding et l'exploration de couleurs avec conversion instantanée vers RGB, HEX et autres formats.

Générez des grilles de transparence CSS personnalisables avec des motifs de damier pour afficher des images et éléments transparents

Créez des affiches démotivationnelles personnalisées avec des bordures noires classiques et du texte

Générez des images visuelles de raccourcis clavier pour des tutoriels et de la documentation. Capturez des combinaisons de touches, choisissez le style Windows/Mac/Générique et exportez en PNG, JPG ou WEBP. Parfait pour créer des guides d'aide, du matériel de formation et de la documentation logicielle.

Convertissez instantanément les styles CSS en classes utilitaires Tailwind CSS. Transformez la syntaxe CSS traditionnelle en classes Tailwind modernes. Parfait pour migrer des projets vers Tailwind ou apprendre les équivalents Tailwind des propriétés CSS.

Extrait les couleurs dominantes des images à l'aide de la quantification des couleurs. Analyse les photos pour identifier leur palette de couleurs principale.

Créez de magnifiques dégradés CSS avec des options linéaires, radiales et coniques. Prévisualisez en direct et copiez le code CSS généré.

Créez des styles de texte dégradé avec un aperçu en direct et du code CSS à copier.

Générer des images d'horloge analogiques personnalisables avec des réglages d'heure spécifiques. Télécharger au format PNG ou SVG.

Convertissez entre les couleurs Tailwind CSS et les formats classiques tels que HEX, RGB, HSL. Trouvez la couleur Tailwind la plus proche pour n’importe quelle teinte.

Convertir des négatifs de film en photos positives en inversant les couleurs. Transformez instantanément des images de négatifs numérisés en photographies normales et visualisables.

Supprimer des couleurs spécifiques des images avec une tolérance configurable et un lissage des bords

Calculez les dimensions du papier pour les séries ISO A, B, C et les formats US en millimètres, centimètres, pouces, pixels et points

Générez des feuilles de couleur unie pleine page pour l'impression. Choisissez une couleur, sélectionnez le format et l'orientation du papier, puis imprimez ou téléchargez en HTML.

Créez de belles images de citation avec des arrière-plans, polices et styles personnalisés pour les réseaux sociaux

Créez des captures d'écran professionnelles pour Chrome Web Store avec des cadres de navigateur, du texte promotionnel et des arrière-plans de marque pour les listes d'extensions

Téléchargez un fichier de curseur personnalisé (.cur, .ani, .png, .svg, .ico) et testez son apparence dans une zone d'aperçu en direct.

Trouvez instantanément le nom de couleur CSS pour n'importe quelle couleur. Choisissez n'importe quelle valeur HEX, RGB ou HSL et découvrez sa couleur nommée W3C/CSS la plus proche avec une précision perceptuelle.