Studio Couleur
Palettes, dégradés, roues et toutes les façons de trouver la couleur parfaite.
Générateur de Palettes IA
Décrivez une ambiance et obtenez des palettes assorties — propulsé par un vrai réseau de neurones fonctionnant entièrement dans votre navigateur. Sans serveur, sans attente, vos données ne quittent pas l'appareil.
IA · NeuronalGuide de Style IA
Décrivez votre marque et obtenez un système de design complet — palette, association de polices, échelle typographique, espacement, rayons et ombres — assorti par le réseau neuronal et assemblé en un bloc CSS prêt à copier.
IA · Système de DesignConvertisseur de Couleur
Convertissez entre HEX, RVB, HSL, CMJN et OKLCH avec une conversion bidirectionnelle instantanée.
Convertisseur · Tous formatsHarmonies de Couleurs
Générez des palettes complémentaires, triadiques, analogues et complémentaires divisées à partir de n'importe quelle couleur de base. Cliquez sur un échantillon pour copier son code hex.
Couleur · ThéorieNommage de Couleurs IA
Entrez n'importe quelle couleur hex et trouvez ses noms les plus proches : couleurs standard CSS, couleurs traditionnelles chinoises, wagairo japonais et 12 autres cultures. La science perceptive des couleurs trouve la vraie correspondance, et le modèle IA suggère des thèmes de palette liés.
IA · Science des CouleursRoue Chromatique
Roue chromatique interactive pour explorer les teintes, les saturations et les relations entre les couleurs. Cliquez pour sélectionner et verrouiller les couleurs.
Interactif · VisuelGénérateur de Dégradés
Concevez de superbes dégradés linéaires et radiaux avec un aperçu Canvas en temps réel. Copiez le code CSS instantanément.
Dégradé · Exportation CSSPréréglages de dégradé
Parcourez et copiez 15 superbes préréglages de dégradé.
Préréglages · Un clicPalette depuis Image
Extrayez de superbes palettes de couleurs de n’importe quelle image à l’aide de la quantification intelligente des couleurs.
Extraction · IntelligenteGénérateur de Palettes
Créez des combinaisons de couleurs harmonieuses avec des modes monochromatiques, complémentaires, analogues et triadiques. Aperçu en temps réel avec exportation CSS.
Couleur · InteractifGénérateur de Teintes et Ombres
Générez une échelle complète de teintes et d'ombres à partir de n'importe quelle couleur — 20 niveaux avec export HEX et SCSS.
teintes et ombres, échelle de couleursEffets et Profondeur
Ombres, verre et rayons — les détails subtils qui rendent l'UI réelle.
Créateur de Blobs
Générez des formes organiques lisses pour les fonds, avatars et séparateurs de section. Aléatoirisez en un clic, ajustez la courbure et copiez le code border-radius ou SVG.
CSS · OrganiqueGénérateur de Coins Arrondis
Éditeur visuel de rayon de bordure avec aperçu en temps réel. Copiez le code CSS avec un contrôle de coin individuel.
CSS · Éditeur visuelGénérateur d'Ombres
Générateur d'ombres de boîtes interactif avec multicouches, aperçu Canvas en temps réel et sortie CSS.
CSS · En couchesGénérateur de Boutons CSS
Concevez de beaux boutons en quelques secondes : 6 styles, couleurs personnalisées, rayon et marge, CSS prêt à copier.
générateur de boutons, bouton css, design de boutonsGénérateur de Filtres CSS
Créez des effets visuels avec CSS filter() — flou, luminosité, contraste, rotation de teinte, sépia et plus. Aperçu en direct sur une image d'exemple, copiez la chaîne complète de filtres instantanément.
CSS · Effets d'ImageGénérateur de Glassmorphism
Créez des cartes en verre dépoli avec flou d'arrière-plan, transparence et bordures subtiles. Aperçu en temps réel et CSS à copier.
UI · Verre dépoliGénérateur de Texte Dégradé
Faites ressortir le texte avec des remplissages dégradés et une animation — réglez l'angle et les couleurs, copiez le CSS.
texte dégradéGénérateur d'Ombre de Texte
Concevez des ombres de texte en couches avec un aperçu en temps réel. Ajustez le décalage, le flou, la couleur et l'opacité — copiez le CSS instantanément.
CSS · TypographieBoîte à Outils Pratique
Vérifications, conversions et systèmes qui gardent vos designs accessibles et cohérents.
Extraits CSS IA
Décrivez l'effet souhaité — un bouton lumineux, un spinner de chargement, une carte en verre — et le réseau de neurones trouve l'extrait CSS correspondant. Rendu en direct, code prêt à copier.
IA · Bibliothèque de CodeSimulateur de daltonisme
Simule comment les couleurs apparaissent aux utilisateurs daltoniens.
Accessibilité · SimulationVérificateur de Contraste
Vérifiez la conformité WCAG AA/AAA pour les couleurs du texte et de l’arrière-plan. Obtenez des évaluations d'accessibilité instantanées.
Accessibilité · AA/AAAGénérateur de Courbes de Bézier
Concevez des courbes d'easing CSS personnalisées avec aperçu en direct et animation. Faites glisser les points de contrôle, choisissez des préréglages et copiez la fonction cubic-bezier() instantanément.
CSS · MouvementConvertisseur PX en REM
Convertissez des pixels en REM et inversement instantanément, avec taille de police de base ajustable et table de conversion complète. Essentiel pour un CSS accessible et évolutif.
CSS · UnitésGénérateur de Transformations CSS
Visualisez et générez des transformations CSS — rotation, échelle, translation et inclinaison avec un aperçu interactif en direct. Copiez la propriété transform complète instantanément.
CSS · AnimationSystème de Couleurs UI
Générez des palettes complètes de jetons de conception à partir d’une seule couleur de départ. Exportez vers Tailwind, CSS ou SCSS.
Jetons de conception · TailwindMise en Page et Grille
Grilles et proportions — l'ossature structurelle de chaque interface.
Calculateur de Ratio d'Aspect
Calculez et mettez à l'échelle n'importe quel ratio — 16:9, 4:3, 1:1, 9:16 et personnalisé. Redimensionnez les dimensions en préservant les proportions, avec des préréglages de résolutions courantes.
Utilitaire · RatioGénérateur CSS Grid
Créez visuellement des mises en page CSS Grid avec un aperçu en temps réel.
CSS · Éditeur visuelCalculateur du Nombre d'Or
Calculez les dimensions du nombre d'or (1:1.618) pour mises en page, typographie et logos. Obtenez les valeurs dorées supérieure et inférieure instantanément, avec aperçu visuel.
Mise en page · ProportionGénérateur de Vagues SVG
Créez des séparateurs de vagues SVG fluides pour votre site — réglez amplitude, longueur et calques, copiez le SVG.
vague svg, séparateur de vaguesAtelier Typographie
Associations de polices et échelles — la voix de votre design.
Association de Polices IA
Décrivez votre projet et recevez des combinaisons professionnelles de Google Fonts assorties par un vrai réseau de neurones exécuté dans votre navigateur. Rendu en direct et CSS prêt à copier.
IA · PolicesCalculateur Clamp
Générez une typographie fluide avec CSS clamp(). Définissez les tailles minimale, préférée et maximale — obtenez la formule clamp() parfaite et un aperçu visuel de l'échelle.
CSS · Typographie FluideAssociation de Polices
Découvrez des associations de polices harmonieuses pour les titres et le corps du texte des collections organisées.
Typographie · 300+ policesGénérateur d'Échelle Typographique
Générez une échelle typographique modulaire harmonieuse avec le nombre d'or, la tierce majeure et d'autres ratios classiques. Prévisualisez les tailles et copiez le CSS complet.
Typographie · Échelle14 langues
Chaque outil, chaque étiquette, chaque guide – entièrement traduit.
L'accessibilité d'abord
Chaque palette comprend des scores de contraste WCAG. Concevoir de manière inclusive dès le départ.
Exportation adaptée aux développeurs
CSS, Tailwind, SCSS, JSON — copiez le format dont votre projet a besoin.