Outils de Design
Palettes de couleurs, outils de typographie, calculateurs d'espacement et utilitaires de design UI.
Tailwind Color Reference
Browse all Tailwind CSS color palettes with hex and RGB values.
Spacing Scale Generator
Generate consistent spacing scales for your design system.
Font Pairing Guide
Discover harmonious font combinations for headings and body text.
Line Height Calculator
Calculate optimal line height for readable typography.
Data URL Encoder
Convert files to base64 Data URLs for embedding in HTML and 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.