Fast Text Format Tools
La collection ultime d'utilitaires ultra-rapides pour formater, convertir et rationaliser votre flux de travail.
Favoris
Récemment utilisés
Récemment ajoutés
Texte et Comparaison
Convertisseurs
Formatez et convertissez instantanément avec l'encodage URL et Base64.
Encodeur / Décodeur
Encodez et décodez divers formats comme URL, Base64 et entités HTML.
Trieur de Listes & Déduplicateur
Triez instantanément les listes de texte par ordre alphabétique, numérique ou par longueur et supprimez les lignes en double.
Remplacement Regex
Exécutez des expressions régulières puissantes.
Diff. Texte
Comparez deux blocs de texte côte à côte.
Statistiques
Analysez le texte pour le nombre de caractères, le temps de lecture et la densité des mots clés.
Traducteur
Traduisez instantanément du texte dans des dizaines de langues.
Code et Formatage
Base64 vers fichier
Décodez les chaînes Base64 ou Data URI en fichiers téléchargeables (images, PDF, documents, audio) avec aperçu instantané.
Embellisseur
Formatez, validez et compressez votre code JSON, JavaScript, CSS et HTML en une syntaxe claire et lisible.
Format CSS
Formatez, embellissez, validez et minifiez le code CSS avec indentation personnalisée.
Générateurs visuels CSS
Générez et exportez visuellement du code CSS pour ombres de boîte, dégradés, Flexbox et grilles Grid.
CSV vers JSON/SQL
Convertir des données CSV en tableaux JSON ou en requêtes SQL INSERT.
cURL vers Fetch
Convertissez facilement des commandes cURL en code de l'API Fetch JavaScript.
HTML / XML
Embellissez et formatez instantanément le code HTML ou XML en désordre.
HTML vers JSX
Outil côté client pour transformer les balises/attributs HTML en JSX compatible React.
HTML vers Tailwind CSS
Convertissez les styles en ligne standard et déclarations CSS en classes utilitaires Tailwind CSS avec aperçu en direct.
Obfuscateur JS
Transformez du code JavaScript lisible en code obfusqué et minifié pour protéger la logique.
JSON vers Code
Convertissez des objets JSON en modèles typés pour divers langages.
Visualiseur d'Arbre JSON
Inspectez, développez, réduisez, recherchez et filtrez visuellement les données JSON avec suivi du chemin.
Markdown
Écrivez en markdown et rendez un aperçu HTML sécurisé.
Visualiseur de Source Map
Outil côté client pour téléverser un fichier .map et dé-minifier les traces de pile.
Formateur SQL
Embellissez et formatez des requêtes SQL désordonnées.
Échappement de chaîne
Échappez (et déséchappez) en toute sécurité les guillemets, barres obliques inverses et retours à la ligne pour JSON, SQL, HTML et Java/C#.
Optimiseur SVG
Nettoyer le code SVG brut.
SVG vers PNG/WEBP
Outil côté client utilisant un canevas pour rastériser le code ou fichiers SVG en images téléchargeables.
Utilitaires XML
Formater et minifier du XML.
YAML <-> JSON
Convertissez instantanément entre YAML et JSON.
Données et Cryptographie
Hachage Bcrypt
Générez et vérifiez les mots de passe Bcrypt localement.
Temps Epoch
Convertissez les horodatages Unix Epoch en dates lisibles et vice versa.
Générateur Hash
Générez instantanément des hash (MD5, SHA-1, SHA-256, SHA-512).
Décodeur JWT
Décodez les JWT en toute sécurité.
Générateur HMAC
Calculez et vérifiez des signatures cryptographiques HMAC avec SHA-256, SHA-512, MD5 et clés secrètes.
Générateurs et Utilitaires
Art ASCII
Générez de grandes bannières de texte ASCII.
Générateur de Code-Barres
Outil côté client utilisant un canevas pour générer des codes-barres linéaires (UPC, EAN, Code39).
Calculatrice CHMOD
Calculez facilement les autorisations de fichiers Linux.
Contraste des Couleurs
Vérifiez l'accessibilité du contraste des couleurs WCAG.
Format de couleur
Convertissez instantanément entre les formats de couleur HEX, RGB et HSL.
Décodeur Cron
Traduisez les expressions cron en texte lisible par l'homme.
Générateur de Favicon
Convertissez des images standard en fichiers .ico universellement compatibles et générez les tailles d'icônes standard pour applications web.
Image Base64
Convertissez des fichiers image en chaînes Data URI Base64 et propriétés CSS background-image.
Compresseur d'images
Compressez et optimisez des images JPEG, PNG, WEBP et AVIF localement dans votre navigateur.
Générateur de tableaux de démarques
Un éditeur de grille visuelle qui permet aux utilisateurs d'ajouter facilement des lignes/colonnes et génère instantanément une syntaxe de tableau Markdown parfaitement formatée.
Générateur de Meta Tags & Open Graph
Générez et prévisualisez visuellement les balises meta SEO, les Twitter Cards et les balises Facebook Open Graph.
Générateur de données simulées
Générez des centaines de lignes de fausses données de test (noms, e-mails, adresses, dates, cartes de crédit) et exportez-les sous forme d'instructions CSV, JSON ou SQL INSERT pour les tests de base de données.
Gén. de mots de passe
Générez des mots de passe sécurisés et aléatoires en utilisant des algorithmes cryptographiques forts.
Boîte à outils PDF
Fusionnez, divisez, extrayez, faites pivoter et réorganisez les pages PDF 100% localement dans votre navigateur.
Faux texte
Générez du faux texte aléatoire pour les espaces réservés et les maquettes d'interface utilisateur.
Code QR
Créez des codes QR scannables et évolutifs à partir de texte ou d'URL.
Testeur et constructeur de Regex
Testez les expressions régulières avec la mise en évidence des groupes de correspondance et de capture en temps réel, la répartition des explications syntaxiques et les modes de test multi-chaînes.
Générateur de Robots.txt
Générez des règles robots.txt valides, des directives pour robots et bloquez les scrapers d'IA.
UUID / GUID
Générez instantanément des identifiants uniques universels (v4).
Générateur de Sitemap XML
Construisez des sitemaps XML valides avec des URL personnalisées, des fréquences de mise à jour et des priorités.
Finance et Unités
Conv. Devises
Convertissez entre les devises mondiales avec des taux de change en temps réel.
Conv. d'unités
Convertissez instantanément la longueur, le poids, la température, les données, etc.
Réseau
Recherche DNS
Vérifiez les enregistrements DNS en temps réel.
Visionneuse d'En-têtes HTTP
Affichez les en-têtes de requête HTTP envoyés par votre navigateur.
Test de Débit
Testez votre vitesse de téléchargement et d'envoi.
Recherche IP
Recherchez des adresses IP et des données de géolocalisation.
Recherche Fournisseur MAC
Identifiez les fournisseurs de matériel à partir des adresses MAC.
Recherche RDAP
Recherchez les données d'enregistrement de domaine et d'IP, bureau d'enregistrement, serveurs de noms et DNSSEC via RDAP.
Traçage de redirections et liens
Démasquez les URL raccourcies et suivez les chaînes complètes de redirection HTTP 301/302 jusqu'à leur destination finale.
Inspecteur de Certificat SSL
Inspectez les certificats SSL/TLS en direct, chaînes d'émetteurs, comptes à rebours d'expiration, domaines SAN et empreintes.
Calculateur de Sous-réseau
Calculez les masques de réseau CIDR et les plages IP.
Analyseur URL
Extrayez et créez facilement des chaînes de requête URL.
Analyseur User-Agent
Extrayez les informations sur le système d'exploitation et le navigateur à partir des chaînes User-Agent.
Testeur de Webhooks
Envoyez, testez et déboguez les livraisons de webhooks avec en-têtes personnalisés, signatures HMAC et inspection des réponses en direct.
Générateurs visuels CSS
Générez et exportez visuellement du code CSS pour ombres de boîte, dégradés, Flexbox et grilles Grid.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}Mode d'emploi
Sélectionnez un mode générateur (Ombre de boîte, Dégradé, Flexbox ou Grille Grid). Ajustez les paramètres et copiez le code CSS généré.
Foire aux questions
Comment fonctionne CSS Box Shadow et que signifie chaque paramètre ?
La propriété CSS box-shadow attache une ou plusieurs ombres portées à un cadre d'élément. Les paramètres spécifient le décalage horizontal (X), le décalage vertical (Y), le rayon de flou (le degré de douceur ou de diffusion du bord de l'ombre), le rayon de propagation (le degré d'agrandissement ou de réduction de l'ombre), la couleur de l'ombre (généralement rgba semi-transparent) et un mot-clé facultatif « encart » pour restituer l'ombre à l'intérieur du conteneur.
Pourquoi devriez-vous utiliser plusieurs calques d’ombre de boîte pour des ombres d’interface utilisateur réalistes ?
Les ombres du monde réel sont constituées à la fois de lumière ambiante ambiante et de lumière directionnelle directe. La superposition d'une ombre serrée et légèrement plus foncée avec une ombre expansive, douce et à faible opacité crée une élévation et une profondeur naturelles sans paraître boueuse ou artificielle.
Quelle est la différence entre les dégradés linéaires et radiaux en CSS ?
Les dégradés linéaires font la transition des couleurs le long d'un axe directionnel droit défini par des degrés ou des mots-clés (par exemple, 135 deg ou "vers le bas à droite"). Les dégradés radiaux émergent d'un point d'origine unique selon un motif circulaire ou elliptique, créant des transitions de couleurs projecteurs ou sphériques.
Quand devriez-vous utiliser CSS Flexbox vs CSS Grid ?
Flexbox est un système de mise en page unidimensionnel idéal pour organiser les éléments sur une seule ligne ou colonne (tels que les barres de navigation, les groupes de boutons et les alignements des barres d'outils). CSS Grid est un système de mise en page bidimensionnel conçu pour les structures de pages Web complexes, les mises en page de tableaux de bord à plusieurs colonnes et les alignements de grille stricts.
Quelle est la différence entre justifier le contenu et aligner les éléments dans Flexbox ?
justifier-contenu contrôle la distribution des éléments flexibles le long de l'axe principal (horizontal lorsque la direction flexible est une ligne ; verticale lorsqu'une colonne). align-items contrôle le positionnement des éléments le long de l'axe transversal (perpendiculaire à l'axe principal).
Comment Repeat(auto-fit, minmax(...)) crée-t-il des grilles réactives sans requêtes multimédias ?
Le mot-clé auto-fit demande au conteneur de grille d'ajuster autant de colonnes que possible en fonction de la largeur actuelle du conteneur. La fonction minmax(200px, 1fr) garantit que chaque colonne ne rétrécit jamais en dessous de 200px, mais s'étend proportionnellement pour occuper l'espace disponible restant.
Quelle est la propriété gap dans les mises en page CSS modernes ?
La propriété gap définit un espacement cohérent entre les lignes et les colonnes dans les dispositions Flexbox et Grid. Il remplace les hacks de marge obsolètes et les marges négatives, et n'ajoute pas d'espace sur le périmètre extérieur du conteneur.
Les styles CSS générés sont-ils compatibles avec tous les navigateurs Web modernes ?
Oui. Les ombres de boîte CSS modernes, les dégradés linéaires/radiaux, Flexbox et CSS Grid bénéficient d'une prise en charge universelle sur les navigateurs Chrome, Firefox, Safari, Edge, iOS Safari et Android sans nécessiter de préfixes de fournisseurs existants tels que -webkit- ou -moz-.
Comment flex-grow et flex-shrink déterminent-ils la taille des articles ?
flex-grow spécifie la quantité d'espace positif restant du conteneur qu'un élément doit absorber par rapport à ses frères et sœurs. flex-shrink détermine la vitesse à laquelle un élément se compresse lorsque l'espace du conteneur est insuffisant.
Puis-je utiliser le CSS exporté dans les projets React, Vue, Svelte ou Tailwind ?
Oui. Les règles CSS exportées peuvent être collées directement dans des fichiers CSS standard, des modules CSS, des composants stylisés, ou traduites en classes utilitaires Tailwind arbitraires (par exemple shadow-[...], bg-[linear-gradient(...)]).
Aucun résultat trouvé
Essayez d'ajuster vos termes de recherche.