Générateur d'animations de chargement CSS
CSS Loader Generator
264 modèles de chargement : 24 géométries × 11 mouvements ; filtrer par catégorie et observer l’animation.
Design
Prototipez des systèmes CSS et de couleurs avec aperçus en direct et code prêt à copier.
Outils
17 outils
Générateur de cases à cocher CSS
CSS Checkbox Generator
24 modèles de cases : huit marques × trois transitions ; tester l’aperçu natif au clic ou avec Espace.
Générateur d'interrupteurs CSS
CSS Switch Generator
18 modèles d’interrupteurs : six curseurs × trois transitions ; tester au clic ou au clavier.
Générateur de clip-path CSS
CSS Clip Path Generator
24 formes de découpe, paramètres et points de polygone modifiables ; exporter CSS ou une déclaration.
Générateur de motifs de fond CSS
CSS Background Pattern Generator
64 motifs de fond : 16 géométries × quatre dispositions ; régler couleurs et taille des tuiles.
Générateur de cubic-bezier CSS
CSS Cubic Bezier Generator
Huit courbes prédéfinies, quatre coordonnées Bézier et un aperçu animé du rythme.
Générateur de glassmorphism CSS
CSS Glassmorphism Generator
Réglez teinte, flou, saturation, opacité, rayon et opacité de bordure. Le fond et le texte de l’aperçu sont réglables ; l’épaisseur de bordure et l’ombre exportées restent fixes.
Générateur de texte glitch en CSS
CSS Text Glitch Effect Generator
Régler texte, taille, couleurs décalées, tremblement et durée ; le CSS respecte la réduction du mouvement.
Générateur de dégradés CSS
CSS Gradient Generator
Dégradés linéaires ou radiaux avec 2–16 étapes ; ajouter, supprimer, inverser ou choisir les couleurs au hasard.
Générateur de triangles CSS
CSS Triangle Generator
Huit directions de triangle, dont les diagonales ; régler les dimensions et exporter HTML et CSS associés.
Générateur d'ombres CSS
CSS Box Shadow Generator
Une à huit ombres, avec décalage, flou, étalement, couleur, opacité et inset indépendants.
Générateur de border-radius CSS
CSS Border Radius Generator
Huit rayons horizontaux et verticaux ; exporter des coins elliptiques en CSS prêt à copier.
Générateur d'harmonies de couleurs
Color Harmony Builder
Générez cinq couleurs autour d'une base selon six règles d'harmonie, contraste WCAG mesuré par échantillon, exports CSS et JSON — moteur déterministe, sans IA.
HEX en RGBA
HEX to RGBA Converter
Décodez #RGB, #RGBA, #RRGGBB et #RRGGBBAA en rgba() avec l'alpha calculé exactement (octet divisé par 255), canaux détaillés et échantillon d'aperçu, en local.
RGBA en HEX
RGBA to HEX Converter
Convertissez rgb() et rgba() en hexadécimal majuscules, avec octet alpha conservé en notation à huit chiffres dès que la couleur est translucide, en local.
Générateur de nuances de couleur
Color Shades Generator
Régler séparément assombrissement et éclaircissement ; voir HEX, RGBA, HSL et copier toute la palette.
Mélangeur de couleurs
Color Mixer
Choisir le nombre de couleurs intermédiaires ; mélanger les extrémités avec alpha et copier la palette.
Réglez le système et gardez la sortie explicite.
Fixez la géométrie
Contrôlez espacements, rayons, motifs et formes avec des valeurs mesurables.
Ouvrir un outil correspondantConstruisez la logique couleur
Mélangez, convertissez et comparez les couleurs, résultat sous les yeux.
Ouvrir un outil correspondantEmportez le code
Copiez le CSS et les jetons générés sans reconstruire le design.
Ouvrir un outil correspondantLe navigateur d'abord, par conception.
Navigateur d'abord
Ouvrez la tâche. Aucun paquet ni compte requis.
Traitement visible
Voyez entrée, résultat, état et libellé d'exécution à chaque étape.
Prêt à exporter
Copiez ou téléchargez le résultat utile sans nettoyage supplémentaire.
Catégories liées
Poursuivez le flux avec une autre collection ciblée.
Rendez chaque choix visuel reproductible.
Utilisez des contraintes délibérées
Partez d'une règle d'espacement, d'échelle ou de géométrie, pas de valeurs arbitraires.
Vérifiez le contraste en contexte
Jugez les couleurs sur la surface et la taille de texte où elles vivront.
Lisez le CSS généré
Vérifiez la prise en charge des navigateurs et les valeurs avant la mise en production.
Des questions avant de commencer ?
Quels outils de cette page fonctionnent en local ?
Tous les outils listés actuellement traitent la saisie active dans votre navigateur sans la téléverser. Tout futur traitement cloud ou hybride sera annoncé avant usage.
Une transformation modifiera-t-elle ma source ?
Toolars travaille sur une copie distincte dans le navigateur. Votre fichier ou texte d'origine reste inchangé, sauf si vous le téléchargez et le remplacez exprès.
Puis-je enregistrer un outil ?
Oui. Connectez-vous d'abord pour que Toolars enregistre le favori dans votre compte et vous ramène à l'outil.
Comment signaler un résultat incorrect ?
Chaque page d'outil inclut un canal de signalement. Le feedback envoyé ne contient que le message et le contexte de page que vous choisissez.
Il manque un utilitaire dans cette collection ?
Dites-nous l'entrée, la transformation et le résultat que vous attendez.