Outils de Design
Palettes de couleurs, outils de typographie, calculateurs d'espacement et utilitaires de design UI.
Tailwind Color Reference
Parcourir tous les palettes de couleurs Tailwind CSS avec valeurs hex et RGB.
Spacing Scale Generator
Générer des échelles d'espacement cohérentes pour votre système de conception.
Font Pairing Guide
Découvrir les combinaisons harmonieuses de polices pour les titres et le texte du corps.
Line Height Calculator
Calculer la hauteur de ligne optimale pour une typographie lisible.
Data URL Encoder
Convertir les fichiers en Data URLs Base64 pour l'intégration dans HTML et CSS.
Visualiseur de Breakpoints
Visualisez les breakpoints CSS de Tailwind, Bootstrap et les frameworks personnalisés.
Convertisseur de Design Tokens
Convertissez les design tokens entre JSON, variables CSS et formats SCSS.
Palette de Couleurs Wireframe
Générez des palettes de couleurs neutres pour les wireframes et prototypes.
Générateur de Curseur CSS
Parcourez tous les types de curseur CSS avec prévisualisation en direct et code prêt à copier.
Référence des Tailles d'Icônes
Tailles d'icônes standard pour iOS, Android, Web et applications bureau.
Générateur CSS Grid
Construisez visuellement des layouts CSS Grid et copiez le code CSS généré.
Générateur de Schéma de Couleurs
Générez des schémas de couleurs complémentaires, triadiques et analogues depuis une couleur de base.
Visualiseur de Border Radius
Prévisualisez et comparez les valeurs CSS border-radius en temps réel.
Générateur de Dégradé Mesh
Génère des arrière-plans de dégradé mesh CSS fluides avec plusieurs points de couleur.
Générateur de Teintes d'Opacité
Génère une palette complète de teintes à partir de n'importe quelle couleur avec des variations d'opacité.
Générateur d'Espacement des Lettres
Prévisualisez et générez CSS letter-spacing et word-spacing pour la typographie.
Générateur de temporisation d'animation
Générateur de temporisation d'animation CSS (cubic-bezier) avec aperçu visuel.
Gestionnaire Z-Index
Visualiseur de contexte d'empilement CSS z-index.
Générateur CSS Scroll Snap
Génère des propriétés CSS scroll-snap avec aperçu en direct et code prêt à copier.
Générateur CSS Clip-Path
Créez des formes CSS clip-path — polygone, cercle et ellipse — avec éditeur visuel.
Générateur de Filtres CSS
Ajustez les effets de filtres CSS (blur, brightness, contrast, etc.) avec aperçu en direct et copiez le CSS.
Générateur Flexbox
Générez du code de mise en page CSS flexbox avec un éditeur visuel et un aperçu en direct.