Design et CSS
Générer du CSS visuellement : ombres, dégradés, mises en page flexbox et grid, animations et palettes de couleurs
Construisez du CSS visuellement et copiez le code : ombres de boîte et de texte, dégradés et dégradés maillés, mises en page flexbox et grid, arrondis, clip-path, filtres, transformations, animations et effets glassmorphism ou neumorphism. Les générateurs de palettes et de nuances aident à bâtir un système de couleurs cohérent, et les générateurs SVG de vagues, de blobs et de motifs créent des arrière-plans légers.
Outils dans cette catégorie : 18
Pour bien commencer
Tous les outils de cette catégorie
-
Générateur d'animation CSS
Créez des animations CSS @keyframes à partir de préréglages ou de vos images clés : durée, délai, répétitions, sens, mode de remplissage et courbe cubic-bezier.
-
Générateur de border-radius
Générez un border-radius CSS avec coins indépendants, rayons X/Y elliptiques, unités px ou % et préréglages blob. Produit la notation abrégée valide la plus courte.
-
Générateur de clip-path
Créez des formes clip-path CSS : polygones à points déplaçables et préréglages, cercle, ellipse et inset à coins arrondis. Aperçu en direct et code à copier.
-
Générateur de palette de couleurs
Générez des palettes à partir d'une couleur de base avec harmonies complémentaire, analogue, triadique, tétradique, carrée ou monochrome. Verrouillage, export CSS/Tailwind.
-
Générateur de nuances de couleur
Transformez une couleur en échelle 50–950 façon Tailwind avec teintes claires, foncées et rabattues. Calculé en OKLCH et sRGB, export CSS, Tailwind ou JSON.
-
Générateur de box-shadow CSS
Créez un box-shadow CSS visuellement : plusieurs couches, décalages, flou, étendue, inset et opacité RGBA, aperçu en direct et code propre à copier.
-
Générateur Flexbox CSS
Réglez flex-direction, wrap, justify-content, align-items, gap et flex, order et align-self par élément en visuel, avec enfants en direct et CSS à copier.
-
Générateur de dégradé CSS
Concevez des dégradés CSS linéaires, radiaux et coniques avec arrêts de couleur déplaçables, angles, mode répété et interpolation OKLCH. Aperçu en direct, code à copier.
-
Générateur CSS Grid
Construisez des mises en page CSS Grid en visuel : grid-template-columns/rows, zones nommées validées, gouttières, alignement et placement par élément. CSS à copier.
-
Générateur de filtres CSS
Combinez les fonctions de filtre CSS (blur, brightness, contrast, grayscale, hue-rotate, invert, opacity, saturate, sepia, drop-shadow) sur une image d'exemple ou la vôtre.
-
Générateur de glassmorphism
Générez du CSS de verre dépoli avec flou et saturation backdrop-filter, couleur et opacité de teinte, bordure et ombre, avec le préfixe -webkit- pour Safari.
-
Générateur de dégradé maillé
Créez des fonds CSS doux de style mesh à partir de dégradés radiaux superposés. Déplacez les points de couleur, réglez l'étendue, randomisez avec une graine, copiez le CSS.
-
Générateur de neumorphisme
Générez du CSS soft UI (neumorphisme) : ombres claire et sombre dérivées de votre couleur de base, formes plate, concave, convexe ou enfoncée, quatre directions de lumière.
-
Générateur de motifs CSS
Créez des motifs d'arrière-plan en pur CSS (points, pois, rayures, damier, grille, zigzag, quadrillage) avec couleurs, taille de tuile et épaisseur. Sans image.
-
Générateur de blob SVG
Créez des formes organiques blob en SVG avec points, part d'aléatoire et graine réglables. Remplissage uni, dégradé ou contour, .svg à télécharger ou data URI CSS.
-
Générateur de vague SVG
Générez des vagues SVG lisses, en pics ou en marches avec couches, amplitude et graine. Téléchargez le .svg ou copiez-le en data URI CSS pour des séparateurs de section.
-
Générateur de text-shadow CSS
Créez des effets text-shadow CSS multicouches : halos, contours, 3D rétro et texte en relief. Aperçu en direct avec votre texte et code à copier.
-
Générateur de transform CSS
Générez des valeurs transform CSS : translate, rotate, scale, skew, plus perspective 3D, rotateX/rotateY et translateZ, avec transform-origin et aperçu en direct.
Autres catégories
- CRC Algorithmes de contrôle de redondance cyclique pour la détection d'erreurs
- MD Algorithmes de résumé de message (MD2, MD4, MD5)
- SHA-1 Algorithme de hachage sécurisé 1 - fonction de hachage 160 bits
- SHA-2 Famille d'algorithmes de hachage sécurisé 2 (SHA-224, SHA-256, SHA-384, SHA-512)
- SHA-3 Algorithme de hachage sécurisé 3 basé sur Keccak
- Keccak Fonction de hachage cryptographique Keccak
- SHAKE Fonctions à sortie extensible (SHAKE128, SHAKE256)
- cSHAKE Fonctions SHAKE personnalisables
- KMAC Code d'authentification de message Keccak
- Mots de passe et sécurité Outils de génération, d'analyse, de hachage et de sécurité des mots de passe
- Chiffrement et Cryptographie Chiffrement symétrique et asymétrique, HMAC et génération de clés (AES, 3DES, RSA, PGP)
- Encodage Encoder et décoder des données : Base64, Base32, Base58, URL, entités HTML, hexadécimal, Unicode, etc.
- Formateurs Formater, minifier et valider du code et des données (JSON, XML, YAML, SQL, HTML, CSS) et convertir la casse des noms
- Générateurs Générer identifiants, clés, données de test, QR codes, codes-barres et fichiers de configuration (UUID, clés d’API, .gitignore, Dockerfile)
- Convertisseurs Convertir formats de données, bases numériques, couleurs, horodatages, unités et devises (JSON, CSV, YAML, XML)
- Outils de texte Compter, comparer, nettoyer et transformer du texte (nombre de mots, diff, regex, casse, doublons)
- Outils d'image Outils pour manipuler et convertir des images (Compresser, Redimensionner, Convertir)
- Outils Web Outils pour le développement web et le SEO (JWT, URL, DNS, en-têtes HTTP, balises meta, sitemaps)
- Mathématiques et Calculatrices Calculatrices pour les finances, la santé, les pourcentages, l’arithmétique de développeur et les maths du quotidien
- Heure et Date Fuseaux horaires, écarts entre dates, jours ouvrés, minuteurs, chronomètre et horloge mondiale