FR
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Accueil Favoris

Développeur

JSON, Base64, regex, hash, couleurs, CSS et autres outils pour programmer.

Blocs prêts pour le site 50CSS et design 52SEO et publication 24Formater et convertir 39Codes, hash et réseau 38Données de test 1

Blocs prêts pour le site 50

Zone de livraison pour site (vérification de quartier et frais)Ajoutez au site de votre service de livraison, pizzeria, supermarché ou boutique un champ où le client saisit son quartier et voit tout de suite si vous livrez là-bas, les frais et le délai.Utiliser →
Bandeau d’annonce pour site (bandeau en haut de page)Créez le bandeau d’annonce affiché en haut du site pour signaler une promotion, la livraison gratuite, les horaires d’un jour férié ou une nouveauté : texte, lien, couleurs, bouton de fermeture qui mémorise le choix et option d’affichage jusqu’à une date.Utiliser →
Barre d’étapes pour site (stepper en HTML et CSS)Générez une barre d’étapes (stepper) pour paiement, inscription en plusieurs parties, suivi de commande ou mode d’emploi : étapes numérotées, étape actuelle en évidence, étapes terminées avec une coche, à l’horizontale ou à la verticale. HTML sémantique avec aria-current, CSS pur et couleurs de la marque.Utiliser →
Barre de livraison gratuite pour boutique en ligneGénérez la barre de progression « plus que 30 € pour la livraison gratuite » pour le panier de votre boutique en ligne : montant minimum, message avant et après l’avoir atteint, couleurs et une fonction pour mettre à jour avec le total du panier. HTML, CSS et JavaScript pur, en euros.Utiliser →
Barre de progression de lectureGénérez la fine barre en haut de la page qui montre quelle part de l’article a déjà été lue : réalisée avec l’animation liée au défilement du CSS (scroll-driven animations) et un script de secours pour les navigateurs sans prise en charge. Couleur, hauteur et position au choix.Utiliser →
Bouton de mode sombre pour siteGénérez le bouton pour basculer entre thème clair et sombre de votre site : il suit le thème du système par défaut, mémorise le choix de la personne, ne fait pas clignoter le mauvais thème au chargement et utilise des variables CSS et color-scheme pour changer toutes les couleurs d’un coup.Utiliser →
Bouton retour en hautGénérez le bouton flottant de retour en haut de page pour votre site : il apparaît après le défilement, avec position, couleurs, taille et forme au choix, un défilement fluide qui respecte la réduction des animations et le focus renvoyé au début de la page.Utiliser →
Boutons de partage pour siteGénérez des boutons de partage pour votre site ou blog : WhatsApp, Facebook, X, LinkedIn, Telegram, Pinterest, e-mail et copie du lien, avec le menu de partage natif du téléphone. Liens officiels, sans scripts tiers et sans suivi.Utiliser →
Boîtes d’alerte et messages en CSS (info, succès, attention, erreur)Générez des boîtes de message pour votre site ou votre blog : information, succès, attention, erreur et astuce, avec icône, titre, texte et bouton de fermeture facultatif. Choisissez le style et les couleurs, voyez l’aperçu et copiez le HTML et le CSS, accessibles et sans bibliothèque.Utiliser →
Carte de visite numérique (page avec bouton d’enregistrement du contact)Créez votre carte de visite numérique : une page légère avec photo, nom, poste, entreprise et boutons WhatsApp, appel, e-mail, Instagram, site et adresse, plus le bouton Enregistrer le contact, qui télécharge la vCard dans le répertoire du téléphone. Téléchargez le HTML pour le publier et générez le QR Code à imprimer.Utiliser →
Citation mise en avant en HTML et CSS (blockquote)Générez la citation mise en avant pour votre site ou blog : phrase de client, extrait d’interview ou accroche au milieu du texte, avec de grands guillemets, auteur et fonction, en cinq styles et aux couleurs de la marque. HTML sémantique avec blockquote et figcaption, CSS léger, prêt à coller.Utiliser →
Compte à rebours pour site webGénérez le code d’un compte à rebours à coller sur votre site, votre landing page ou votre boutique : jours, heures, minutes et secondes jusqu’à la date de la promotion, du lancement ou de l’événement, avec le bon fuseau horaire, des couleurs et un message à la fin.Utiliser →
Bloc de code promo pour site (copie en un clic)Générez le bloc de code promo de votre site ou boutique en ligne : code mis en avant, bouton qui copie en un clic et confirme « Copié ! », texte de la remise, validité qui masque le code tout seul après la date et style de ticket découpé. HTML, CSS et JavaScript pur.Utiliser →
Section témoignages pour site (HTML et CSS)Construisez la section de témoignages clients de votre site : nom, ville ou poste, photo ou initiales, étoiles et texte, en grille ou en carrousel défilant, aux couleurs de votre marque. Code HTML et CSS pur, sans bibliothèque.Utiliser →
Étoiles de notation en CSS (note avec fractions)Générez des étoiles de notation pour le site qui affichent des notes fractionnées, comme 4,3 ou 3,7, en remplissant la fraction exacte de l’étoile, en CSS pur avec une variable. Taille, couleurs, nombre d’étoiles, nombre à côté et version cliquable pour que le client vote.Utiliser →
Bandeau d’appel à l’action (CTA) pour site webGénérez le bandeau d’appel à l’action qui clôt les pages du site : titre, texte court, bouton principal et secondaire (comme WhatsApp et téléphone), avec fond en couleur, dégradé ou photo assombrie, centré ou avec le bouton à côté. HTML et CSS responsives.Utiliser →
Bandeau de logos infini (marquee CSS)Générez le bandeau qui défile sans fin avec des logos de clients, de partenaires, de marques avec lesquelles vous travaillez ou de courtes phrases, en CSS pur : vitesse, direction, espacement, pause au survol, bords qui s’estompent et arrêt pour ceux qui ont demandé moins de mouvement.Utiliser →
Formulaire de contact pour site (sans serveur)Générez le formulaire de contact de votre site statique qui arrive dans votre boîte mail sans programmer de serveur : FormSubmit, Formspree ou Netlify Forms, avec les champs de votre choix, anti-spam, page de remerciement, validation et style accessible.Utiliser →
Galerie photos pour site (avec agrandissement)Générez le code d’une galerie photos responsive pour votre site, avec agrandissement au toucher (lightbox) grâce à l’élément HTML dialog : flèches, clavier, légende et chargement différé, sans bibliothèque. Collez les adresses des photos et copiez.Utiliser →
Galerie masonry en CSS (style Pinterest)Générez une galerie en blocs de hauteurs différentes, comme sur Pinterest, en CSS pur : des colonnes qui s’emboîtent sans trous, avec un nombre de colonnes par écran, l’espacement, les angles et la légende. Utilise CSS columns dans tous les navigateurs et le nouveau display: grid-lanes là où il existe déjà.Utiliser →
Générateur d’onglets (tabs) accessiblesGénérez le code d’un composant d’onglets pour votre site selon la norme d’accessibilité WAI-ARIA : role tablist, tab et tabpanel, flèches du clavier, Début et Fin, couleurs et style souligné ou en pilule. HTML, CSS et JavaScript sans bibliothèque.Utiliser →
Générateur de fil d’Ariane (breadcrumb) avec schemaGénérez le fil d’Ariane (breadcrumb) pour les pages de votre site : HTML accessible avec nav et aria-current, séparateur et couleurs au choix, et le JSON-LD BreadcrumbList que Google utilise pour afficher le chemin dans les résultats de recherche.Utiliser →
Générateur de cartes en CSS (section de services)Générez une section de cartes pour votre site, comme des services, des avantages ou des produits : titre, texte et icône ou image dans chaque carte, grille responsive qui s’adapte toute seule, ombre, coins et effet au survol. HTML et CSS prêts à l’emploi.Utiliser →
Générateur de carrousel (slider) avec CSS scroll-snapGénérez un carrousel de photos ou de cartes pour votre site avec CSS scroll-snap : glissement au doigt sur mobile, flèches sur ordinateur, nombre d’éléments visibles à la fois et espacement, sans bibliothèque et sans bloquer le défilement.Utiliser →
Générateur de FAQ pour site (accordéon + schema)Composez la section de questions fréquentes de votre site : accordéon en HTML pur avec details et summary, style prêt à l’emploi et JSON-LD FAQPage pour Google, le tout dans un seul code à copier.Utiliser →
Générateur de frise chronologique / étapes (CSS)Générez une frise chronologique ou une section d’étapes (« comment ça marche ») pour votre site : étapes numérotées ou datées, verticales ou horizontales, couleurs et marqueurs, en HTML sémantique avec liste ordonnée et CSS responsive.Utiliser →
Générateur de modale (fenêtre pop-up) avec dialogGénérez le code d’une fenêtre modale pour votre site avec l’élément dialog natif du HTML : titre, texte, boutons, fermeture avec Échap ou en cliquant à l’extérieur, focus piégé dans la fenêtre et animation d’entrée en douceur. Sans bibliothèque.Utiliser →
Générateur de page 404Créez une page d’erreur 404 (page introuvable) pour votre site aux couleurs de la marque : message aimable, bouton vers la page d’accueil, champ de recherche facultatif et liens utiles. Téléchargez le 404.html prêt, léger et sans dépendances.Utiliser →
Générateur de pagination en HTML et CSSCréez la pagination de votre blog, boutique ou liste de résultats : précédent et suivant, numéros avec points de suspension, page actuelle mise en avant, en trois styles et aux couleurs de la marque. HTML avec nav, aria-label et aria-current, vrais liens que Google suit et zone tactile de 44 px.Utiliser →
Générateur de section hero (haut de page)Composez la section d’ouverture (hero) de votre page d’accueil ou landing page : titre, sous-titre, bouton principal et secondaire, image de fond ou à côté, avec overlay pour garder le texte lisible. HTML et CSS responsives, avec l’image optimisée pour le chargement.Utiliser →
Générateur de skeleton loading (CSS)Générez le squelette de chargement (skeleton screen) qui s’affiche pendant le chargement du contenu : modèles de carte, liste, profil et texte, couleurs, coins et reflet animé, en CSS pur avec aria-busy et respect du mouvement réduit.Utiliser →
Générateur de sommaire (table des matières) pour article de blogCollez le HTML de votre article et obtenez un sommaire avec des liens vers chaque section : l’outil lit les titres h2 et h3, crée les id manquants à partir du texte et renvoie le sommaire prêt à l’emploi ainsi que l’article avec ses id. Numérotation facultative, bloc repliable et défilement fluide.Utiliser →
Iframe responsive (YouTube, Google Maps et autres)Collez le code d’intégration (iframe) de YouTube, Google Maps, Vimeo, Instagram, Spotify, Canva ou de n’importe quel site, ou seulement l’adresse, et obtenez l’iframe qui s’adapte au mobile, avec aspect-ratio, chargement lazy, title pour l’accessibilité et plein écran.Utiliser →
Liste d'avantages avec icônes (check) en HTML et CSSTransformez une liste classique en liste d'avantages avec une icône de coche, de flèche, d'étoile ou de cœur, sur une ou deux colonnes et aux couleurs de votre marque. L'icône passe par le CSS, sans image ni bibliothèque, et la liste reste une vraie ul pour Google et les lecteurs d'écran.Utiliser →
Carte Google pour site webGénérez le code pour intégrer la carte Google Maps sur votre site à partir de l'adresse, sans clé d'API : choisissez le zoom, le type de carte et la taille, voyez l'aperçu et copiez l'iframe responsive et le lien d'itinéraire.Utiliser →
Générateur de menu responsiveGénérez le code d'un menu de navigation responsive pour votre site : liens côte à côte sur ordinateur et bouton hamburger sur mobile, accessible (aria-expanded, touche Échap, focus) et sans bibliothèque. Copiez le HTML, le CSS et le JavaScript.Utiliser →
Chiffres animés pour site web (compteur)Générez la section de chiffres qui comptent de zéro jusqu'à la valeur quand ils apparaissent à l'écran, comme « +500 clients servis » et « 15 ans d'expérience » : préfixe, suffixe, format des nombres, durée et couleurs, avec IntersectionObserver et respect de la réduction des animations.Utiliser →
Page de liens pour la bioCréez votre page de liens pour la bio Instagram et TikTok, comme un Linktree à vous : photo, nom, description, boutons WhatsApp, site, menu et réseaux, avec couleurs et thème. Téléchargez un seul fichier HTML à héberger où vous voulez.Utiliser →
Générateur de page de remerciement (après un formulaire ou un achat)Créez la page de remerciement qui s’affiche une fois que le client a envoyé le formulaire, demandé un devis ou acheté : confirmation claire, délai de réponse, prochaines étapes et invitation à rejoindre Instagram ou WhatsApp. HTML léger avec noindex, aux couleurs de la marque, prêt à publier.Utiliser →
Générateur de page en construction et en maintenanceCréez la page de site en construction (bientôt disponible) ou en maintenance aux couleurs de votre marque : titre, message, compte à rebours facultatif, boutons WhatsApp, Instagram et e-mail. Téléchargez un index.html léger, sans dépendances, avec les bons réglages pour Google dans chaque cas.Utiliser →
Popup pour site (avis, coupon ou newsletter)Générez un popup pour votre site qui n’agace pas et ne nuit pas au référencement : il s’affiche après quelques secondes, au défilement de la page ou quand la souris va sortir, respecte un intervalle de jours pour ne pas se répéter, devient un bandeau en bas du mobile et se ferme avec Échap ou en cliquant à l’extérieur. HTML, CSS et JavaScript purs avec dialog.Utiliser →
Section « comment ça marche » en étapes (HTML et CSS)Créez la section d’étapes de votre site (comment ça marche, comment commander, comment réserver) : étapes numérotées avec titre et texte, à l’horizontale avec une ligne reliant les numéros ou à la verticale, aux couleurs de votre marque, avec une liste ordonnée accessible et responsive.Utiliser →
Section équipe pour site (HTML et CSS)Créez la section « notre équipe » de votre site : photo (ou initiales), nom, fonction, une phrase et liens vers Instagram, LinkedIn ou WhatsApp de chaque personne, en cartes ou en cercles, responsive et aux couleurs de votre marque.Utiliser →
Badge d’avis Google pour le siteCréez le badge avec la note et le nombre d’avis de votre entreprise sur Google à placer sur votre site : étoiles, note, total d’avis et lien vers la page d’avis et pour laisser un avis. HTML et CSS légers, sans script tiers et sans abonnement.Utiliser →
Slider avant / après pour siteGénérez le comparateur avant / après pour votre site : deux photos superposées avec un séparateur que l’on fait glisser au doigt ou à la souris, étiquettes, position initiale et couleurs. Réalisé avec un input range, il fonctionne donc au clavier et avec les lecteurs d’écran.Utiliser →
Tableau comparatif pour siteCréez un tableau de comparaison pour votre site (offres, produits, services ou concurrents) : colonnes, lignes avec oui/non ou texte, colonne mise en avant, en-tête fixe et défilement latéral sur mobile, en HTML de tableau accessible.Utiliser →
Tableau des tailles pour boutique de vêtements (HTML pour le site)Créez le tableau des tailles (guide des tailles) de votre boutique de vêtements pour la fiche produit : tailles en colonnes ou en lignes, mesures en centimètres, explication de la prise de mesures et bouton qui ouvre le tableau dans une fenêtre. HTML accessible, responsive et sans dépendances.Utiliser →
Tableau des tarifs pour site (offres en HTML et CSS)Créez la section d’offres et de tarifs de votre site : deux à quatre offres avec nom, prix, période, liste de ce qui est inclus et non inclus, bouton et offre mise en avant, avec bascule mensuel/annuel. HTML et CSS responsives, aux couleurs de votre marque.Utiliser →
Vidéo de fond pour site (HTML5)Générez le code de la vidéo de fond pour le haut du site avec la balise video HTML5 : lecture automatique fonctionnant sur mobile (muted et playsinline), boucle, image de couverture, calque sombre pour le texte et pause pour ceux qui ont demandé moins d’animations.Utiliser →
Vidéo YouTube légère pour site webGénérez le code pour intégrer une vidéo YouTube sur votre site sans ralentir la page : seule la miniature avec le bouton de lecture s’affiche, et le lecteur YouTube (en mode sans cookies) se charge au clic. Collez le lien de la vidéo et copiez.Utiliser →

CSS et design 52

Animation au défilement de la page (scroll reveal en CSS)Générez l’effet d’éléments qui apparaissent au fil du défilement de la page (scroll reveal) en CSS pur, avec animation-timeline: view() : apparition, montée, glissement latéral, zoom ou défocalisation, avec distance et portion de défilement réglables, sans rien masquer dans les navigateurs qui n’ont pas encore cette fonction.Utiliser →
Calculatrice clamp() pour police fluideCalculez le clamp() CSS pour des textes et des espacements qui grandissent avec la largeur de l’écran : indiquez la taille sur mobile et sur ordinateur ainsi que les largeurs d’écran, puis copiez la valeur en rem avec l’aperçu et l’avertissement d’accessibilité sur le zoom.Utiliser →
Association de polices Google FontsTestez des associations de polices Google Fonts pour les titres et les textes de votre site : choisissez parmi des paires prêtes à l’emploi ou composez la vôtre, voyez l’aperçu avec votre texte et copiez le lien de chargement et le CSS.Utiliser →
Vérificateur de contraste des couleurs (WCAG)Vérifiez si la couleur du texte a un contraste suffisant avec le fond selon les règles d’accessibilité WCAG AA et AAA, avec aperçu en direct.Utiliser →
Convertisseur de couleursConvertissez des couleurs entre HEX, RVB, TSL et CMJN et voyez des tons plus clairs et plus foncés.Utiliser →
Couleur HEX vers classe TailwindDécouvrez quelle couleur de la palette par défaut de Tailwind CSS (v3) ressemble le plus à votre couleur HEX ou RGB, avec la distance perceptuelle et les cinq options les plus proches, ou utilisez la valeur exacte avec la syntaxe à crochets.Utiliser →
CSS reset moderne (générateur)Construisez le CSS reset de votre projet en cochant ce que vous voulez : box-sizing border-box, marges à zéro, images adaptatives, polices héritées dans les formulaires, coupure des mots longs, défilement fluide sûr et mouvement réduit. Chaque règle est expliquée.Utiliser →
Inverser le CSS (LTR vers RTL)Convertissez du CSS de gauche à droite (LTR) en CSS de droite à gauche (RTL) pour des sites en arabe, hébreu et persan, et inversement.Utiliser →
Éditeur HTML en ligne avec aperçu en directÉcrivez du HTML, du CSS et du JavaScript et voyez le résultat instantanément, avec console, vue mobile et téléchargement de la page finie.Utiliser →
Effet machine à écrire pour site web (texte qui se tape)Générez l’effet de texte qui se tape pour le titre de votre site, avec plusieurs phrases qui s’écrivent et s’effacent en séquence (« Nous créons des sites pour boulangeries, salons, garages... »), curseur clignotant, vitesses, pause et répétition. HTML, CSS et JavaScript purs et accessibles.Utiliser →
Échelle typographique et police fluide (clamp)Générez l’échelle des tailles de police du site à partir d’une taille de base et d’un rapport (tierce majeure, quarte juste, nombre d’or), avec une version fluide en clamp() qui grandit du mobile à l’ordinateur. Consultez l’aperçu et copiez les variables CSS.Utiliser →
Favicon avec des lettresCréez un favicon avec les initiales de votre marque, sans avoir besoin d’un logo : choisissez les lettres, la police, les couleurs et la forme (cercle, carré arrondi ou carré) et téléchargez le favicon.ico, les PNG et le code pour le site.Utiliser →
Ruban d’angle et badge en CSS (ribbon et badge)Générez le ruban diagonal dans l’angle des cartes et des photos (« Nouveau », « Le plus vendu », « Promo ») et des badges ronds ou en étiquette, en CSS pur : texte, couleurs, angle, taille et style, avec aperçu sur une carte.Utiliser →
Générateur d’animation d’entrée CSSCréez des animations d’entrée pour les éléments du site (apparition, montée, agrandissement, glissement, flou) avec courbe, durée et délai réglables, effet cascade et déclenchement au défilement de la page, avec le CSS et le JavaScript prêts à l’emploi.Utiliser →
Générateur de blob SVG (formes organiques)Générez des formes organiques (blobs) en SVG pour les arrière-plans, les cadres de photos et les décorations de sites : réglez la complexité et l’irrégularité, choisissez une couleur unie ou un dégradé et téléchargez le SVG.Utiliser →
Générateur de bordure dégradée (CSS)Générez des bordures dégradées en CSS pour les cartes, les boutons et les photos : couleurs, angle, épaisseur et coins arrondis qui fonctionnent (ce que border-image ne fait pas), avec option de bordure tournante animée et fond transparent.Utiliser →
Générateur de border-radius CSSCréez des coins arrondis en CSS avec aperçu en direct : réglez chaque coin, liez les quatre ensemble ou créez des formes organiques (blob) avec les 8 valeurs de border-radius.Utiliser →
Générateur de bouton CSSCréez visuellement des boutons CSS pour votre site : couleur, texte, taille, coins, bordure, ombre et effets au survol et au clic, avec des styles prêts à l’emploi (plein, contour, dégradé, pilule) et le code CSS et HTML à copier.Utiliser →
Générateur de clip-path CSSDécoupez des images et des éléments en formes avec CSS clip-path : triangle, losange, hexagone, étoile, flèche, bulle, cercle et coins coupés. Faites glisser les points dans l’aperçu pour ajuster et copiez le code.Utiliser →
Générateur de CSS GridComposez visuellement des mises en page avec CSS Grid : nombre de colonnes et de lignes, tailles (fr, px, auto), espacement et colonnes responsives avec auto-fit et minmax. Voyez l’aperçu et copiez le CSS et le HTML.Utiliser →
Générateur de cubic-bezier (easing CSS)Dessinez des courbes d’animation cubic-bezier en faisant glisser les points de contrôle, comparez avec ease, ease-in-out et d’autres courbes prêtes à l’emploi et copiez le CSS de la transition.Utiliser →
Générateur de curseur personnalisé (CSS)Créez un curseur de souris personnalisé pour votre site à partir d’une image, d’un symbole ou d’un cercle coloré : taille, point de clic (hotspot), curseur pour les liens et le CSS avec curseur de secours. L’image devient un data URI prêt à coller.Utiliser →
Générateur de faviconCréez favicon.ico et des icônes pour le site, l’iPhone et Android à partir d’une image.Utiliser →
Générateur de filtres CSS (filter) pour imagesRéglez la luminosité, le contraste, la saturation, les niveaux de gris, le sépia, la teinte, le flou, l’inversion et l’ombre d’une image et copiez la propriété CSS filter prête à l’emploi, avec des filtres prêts à l’emploi (noir et blanc, vintage, froid, chaud, délavé) et l’option de n’appliquer qu’au survol.Utiliser →
Générateur de flexbox CSSComposez des mises en page avec CSS flexbox en cliquant sur les options : direction, alignement, justification, retour à la ligne et espace entre les éléments, avec aperçu en direct et CSS prêt à copier. Idéal pour apprendre ce que fait chaque propriété.Utiliser →
Générateur de @font-faceGénérez le @font-face du CSS pour utiliser vos propres polices sur le site : choisissez les fichiers (WOFF2, WOFF, TTF, OTF), l’outil lit le nom, la graisse et le style de chacun, compose les règles avec font-display swap et la balise preload, et affiche l’aperçu avec la vraie police.Utiliser →
Générateur de glassmorphism (verre dépoli)Créez l’effet de verre dépoli en CSS (glassmorphism) : flou de l’arrière-plan, transparence, couleur, bordure et ombre, avec aperçu sur une photo ou un dégradé et le code prêt avec backdrop-filter.Utiliser →
Générateur de dégradé CSSCréez des dégradés linéaires et radiaux avec plusieurs couleurs et copiez le CSS prêt à l’emploi.Utiliser →
Générateur d’image de substitution (placeholder)Créez des images d’exemple (placeholder) de n’importe quelle taille, avec couleur de fond, texte et format PNG, JPG, WEBP ou SVG, pour vos maquettes et prototypes.Utiliser →
Générateur d’images responsives (srcset et sizes)Envoyez une photo et recevez les versions aux bonnes largeurs (en WebP, AVIF ou JPG) dans un fichier .zip, avec le code <img> avec srcset et sizes ou <picture>, width et height pour éviter les sauts de mise en page et loading/fetchpriority adaptés à chaque cas.Utiliser →
Générateur de loader CSS (chargement)Choisissez un indicateur de chargement en CSS pur (anneau, points, barres, pulsation, barre de progression), réglez la couleur, la taille et la vitesse et copiez le HTML et le CSS, sans image ni bibliothèque.Utiliser →
Générateur de carte image cliquable (zones cliquables)Dessinez des zones cliquables sur une image (rectangle, cercle ou polygone) et reliez chacune à un lien : plan d’un bien, carte de boutiques, photo de produit, menu. Génère le HTML classique avec map et area et une version responsive avec des liens en pourcentage qui s’adapte au mobile.Utiliser →
Générateur de media queries CSS (breakpoints)Générez le squelette de media queries de votre CSS avec les breakpoints de Bootstrap 5, de Tailwind ou les vôtres : mobile-first (min-width) ou desktop-first (max-width), en px ou en em, plus mode sombre, mouvement réduit, souris ou tactile, orientation et impression. Voyez en direct lesquelles s’appliquent sur votre écran.Utiliser →
Générateur de mesh gradientCréez des fonds en mesh gradient (dégradé avec plusieurs taches de couleur, style aurore) pour sites et publications : choisissez les couleurs, mélangez les positions d’un clic et copiez le CSS ou téléchargez l’image en PNG.Utiliser →
Générateur de neumorphisme (soft UI) CSSGénérez l’effet neumorphique (soft UI) en CSS : des éléments qui semblent jaillir du fond ou s’y enfoncer grâce à deux ombres, une claire et une sombre. Choisissez la couleur, la taille, la distance, le flou, l’intensité et la forme (plat, concave, convexe ou enfoncé).Utiliser →
Générateur de vagues SVGCréez des séparateurs de section en forme de vague pour le site : réglez la hauteur, le nombre de vagues, les couches et les couleurs, inversez et téléchargez le SVG ou copiez le code à utiliser entre les sections de la page.Utiliser →
Générateur de barre de défilement CSSPersonnalisez la barre de défilement de votre site aux couleurs de la marque : largeur, couleur de la piste et de la barre, coins arrondis et couleur au survol, avec le CSS standard (scrollbar-color) et ::-webkit-scrollbar pour les anciens navigateurs.Utiliser →
Générateur de box-shadow CSSCréez des ombres CSS (box-shadow) avec aperçu en direct : décalage, flou, étendue, couleur, opacité, plusieurs couches et modèles prêts à l’emploi.Utiliser →
Générateur de sprite CSS (regrouper des icônes dans une image)Regroupez plusieurs icônes et petites images dans un seul fichier (sprite sheet) en PNG ou WebP et obtenez le CSS avec background-position et la taille de chacune, avec espacement, en ligne, en colonne ou en grille, et version pour écrans Retina.Utiliser →
Générateur de thème clair et sombre (variables CSS)À partir de la couleur de votre marque, générez les variables CSS d’un thème complet, clair et sombre : fond, surface, texte, texte secondaire, bordure, couleur principale et texte dessus, avec contraste vérifié selon les WCAG et mode sombre automatique via prefers-color-scheme ou via un bouton (data-theme).Utiliser →
Générateur de text-shadow CSSCréez des ombres de texte en CSS avec aperçu en direct et modèles prêts à l’emploi : néon, rétro, 3D, contour, feu et relief, avec plusieurs couches et couleurs.Utiliser →
Générateur de texte en dégradé (CSS)Créez des titres en dégradé pour votre site avec background-clip: text : choisissez les couleurs, l’angle, la police et copiez le CSS, avec une couleur de secours pour les anciens navigateurs et pour les personnes en mode contraste élevé.Utiliser →
Générateur de texture granuleuse (noise) pour arrière-plansGénérez la texture granuleuse (noise) qui donne un aspect papier ou pellicule aux arrière-plans et aux dégradés : intensité, taille du grain, couleur et opacité, avec aperçu sur votre couleur ou votre dégradé. Téléchargez en PNG pour la répéter en fond ou copiez en SVG dans le CSS.Utiliser →
Générateur de toggle switch (bouton marche/arrêt) CSSGénérez un bouton marche/arrêt (toggle switch) pour votre site en HTML et CSS purs, accessible avec role=switch : taille, couleurs, coins et texte, avec un aperçu utilisable à la souris, au toucher et au clavier.Utiliser →
Générateur de tooltip CSSGénérez l’info-bulle qui apparaît au survol ou au focus d’un élément (tooltip) en CSS pur : position en haut, en bas, à gauche ou à droite, petite flèche, couleurs, coins et délai, accessible avec aria-describedby et visible au focus clavier.Utiliser →
Générateur de transform CSS (rotation, déplacement, échelle, inclinaison et 3D)Construisez la propriété CSS transform avec des curseurs : déplacer (translate), faire pivoter (rotate), mettre à l’échelle (scale), incliner (skew) et pivoter en 3D avec perspective, avec le point d’origine (transform-origin) et une transition au survol pour tester. Copiez le CSS prêt à l’emploi.Utiliser →
Optimiser un SVGRéduisez la taille des fichiers SVG exportés depuis Illustrator, Figma, Inkscape ou Canva : suppression des commentaires, métadonnées, données d’éditeur et espaces, arrondi des décimales, avec un aperçu côte à côte pour vérifier.Utiliser →
Motifs de fond en CSSCréez des fonds à motif en CSS pur, sans image : pois, quadrillage, lignes, rayures diagonales, damier et zigzag. Réglez les couleurs, la taille et l’épaisseur, puis copiez le code.Utiliser →
Convertisseur px en remConvertissez des px en rem, em, pt et pourcentage, et inversement, avec une taille de base réglable et un tableau de référence pour le CSS.Utiliser →
Générateur de soulignement animé pour liens (CSS)Générez des effets de soulignement animé pour liens et menus en CSS : ligne qui grandit depuis la gauche ou le centre, qui glisse, surligneur qui se remplit et soulignement ondulé, avec couleur, épaisseur et distance, fonctionnant aussi au focus clavier.Utiliser →
SVG vers data URI (CSS et HTML)Convertissez du code SVG en data URI optimisé pour le CSS (background-image, mask) et le HTML, avec un encodage URL plus court que le Base64 et un aperçu de l’image.Utiliser →
Wireframe de site web en ligneDessinez le wireframe (maquette fil de fer) d’un site ou d’une landing page en faisant glisser des blocs prêts à l’emploi : en-tête, bannière, titre, texte, image, bouton, cartes, formulaire, vidéo et pied de page, au format ordinateur ou mobile. Déplacez, redimensionnez et téléchargez en PNG ou SVG.Utiliser →

SEO et publication 24

Analyser le SEO d’une page (HTML)Collez le code HTML d’une page et voyez ce qui manque pour le SEO : titre, meta description, H1, structure des titres, images sans alt, canonical, Open Graph, langue, viewport, liens et données structurées.Utiliser →
Checklist pour lancer un site (avant de publier)Liste de ce qu’il faut vérifier avant de mettre un site en ligne : SEO, Google Search Console, mobile, vitesse, accessibilité, RGPD, formulaires, WhatsApp, favicon, aperçu de lien, page 404, HTTPS et redirections. Cochez ce qui est fait, suivez la progression et téléchargez la liste. Chaque élément renvoie à l’outil qui le résout.Utiliser →
Générateur et validateur d’ads.txtComposez le fichier ads.txt de votre site pour Google AdSense et d’autres régies publicitaires : domaine du système, ID du compte, DIRECT ou RESELLER et ID de l’autorité de certification, avec contact et sous-domaines. Collez un ads.txt existant pour vérifier les erreurs ligne par ligne.Utiliser →
Générateur d’en-têtes de sécuritéGénérez les en-têtes HTTP de sécurité du site (HSTS, Content-Security-Policy, X-Content-Type-Options, Referrer-Policy, Permissions-Policy et protection contre les iframes) pour Nginx, Apache, Netlify, Cloudflare Pages et Vercel.Utiliser →
Générateur de balises hreflangGénérez les balises hreflang pour les sites en plusieurs langues ou pays (fr-FR, fr-BE, en, es…) : lien alternate dans le head, dans le sitemap XML ou dans l’en-tête HTTP, avec x-default et vérification des codes de langue et de région.Utiliser →
Générateur de .htaccessGénérez le fichier .htaccess pour les sites sous Apache (hébergements mutualisés comme OVHcloud, o2switch, IONOS) : forcer le HTTPS, avec ou sans www, compression, cache des images, CSS et JS, page d’erreur 404, blocage de la liste des dossiers et protection des fichiers.Utiliser →
Générateur de lien e-mail (mailto)Créez un lien mailto qui ouvre l’e-mail déjà rempli avec destinataire, copie, copie cachée, objet et message, avec accents et sauts de ligne correctement encodés. Copiez le lien, le bouton HTML ou générez le QR code.Utiliser →
Générateur de lien UTMComposez des liens avec paramètres UTM (utm_source, utm_medium, utm_campaign, utm_term, utm_content) pour savoir dans Google Analytics d’où viennent les visites : Instagram, WhatsApp, e-mail, publicités et QR codes.Utiliser →
Générateur de llms.txtCréez le fichier llms.txt de votre site : nom, résumé et pages les plus importantes organisées en sections, au format proposé sur llmstxt.org pour aider les outils d’IA à comprendre le contenu du site.Utiliser →
Générateur de balises meta (SEO)Générez les balises meta SEO, Open Graph et Twitter de votre site et voyez l’aperçu sur Google et WhatsApp.Utiliser →
Générateur de redirections 301Générez les règles de redirection 301 ou 302 du site pour Apache (.htaccess), Nginx, Netlify (_redirects), Vercel (vercel.json), Cloudflare et HTML, à partir d’une liste d’anciennes et de nouvelles adresses.Utiliser →
Générateur de preload, preconnect et dns-prefetchGénérez les balises de resource hints qui accélèrent le chargement du site : preconnect et dns-prefetch pour les domaines tiers (Google Fonts, analytics, CDN), preload de la police et de l’image principale avec fetchpriority et crossorigin corrects, et prefetch de la page suivante.Utiliser →
Générateur de robots.txtCréez le fichier robots.txt de votre site : autorisez ou bloquez les robots de recherche et d’IA, les dossiers privés et indiquez le sitemap.Utiliser →
Générateur de schema markup (JSON-LD)Générez des données structurées JSON-LD schema.org pour FAQ, commerce local, article et fil d’Ariane, prêtes à coller dans le site pour améliorer l’affichage sur Google.Utiliser →
Générateur de security.txt (RFC 9116)Générez le fichier security.txt de votre site au format de la RFC 9116 : contacts pour signaler les failles de sécurité (e-mail, page ou téléphone), date d’expiration, langues, politique, remerciements, clé et adresse canonique, prêt à enregistrer dans /.well-known/security.txt.Utiliser →
Générateur de sitemap.xmlCréez le sitemap.xml de votre site à partir d’une liste de pages : collez les adresses, définissez la date de mise à jour et téléchargez le fichier prêt à envoyer à Google Search Console et à Bing.Utiliser →
Générateur de manifest.json (PWA)Générez le fichier de manifeste de l’application web (site.webmanifest ou manifest.json) pour que le site puisse être installé sur l’écran d’accueil du mobile : nom, nom court, couleurs, mode d’affichage, icônes de 192 et 512 px et la balise link pour le HTML.Utiliser →
Lien pour laisser un avis Google (avec QR code)Créez le lien qui ouvre directement la fenêtre d’avis de votre établissement sur Google, à partir du Place ID, et générez le QR code à placer au comptoir, sur la carte ou sur le ticket, ainsi que le message prêt à envoyer par WhatsApp pour demander un avis.Utiliser →
Générateur de plan de site en HTML (page pour les visiteurs)Transformez la liste des adresses de votre site, ou le sitemap.xml lui-même, en page de plan du site pour les visiteurs : liens regroupés par section, avec des noms lisibles tirés de l'adresse, en HTML léger et prêt à publier.Utiliser →
Aperçu du résultat GoogleVoyez comment le titre et la description de votre page apparaissent dans les résultats Google, sur ordinateur et sur mobile, avec la largeur en pixels et l’alerte quand le texte sera coupé.Utiliser →
Temps de chargement du site selon la connexionEstimez le temps que met votre page à se charger en 3G, 4G et Wi-Fi à partir de son poids (HTML, CSS, JavaScript, images et polices) et du nombre de fichiers, et voyez ce que pèse chaque partie et ce que l’on gagne en convertissant les images en WebP.Utiliser →
Tester un site sur plusieurs tailles d’écranVoyez le rendu de votre site sur mobile, tablette et ordinateur en même temps : saisissez l’adresse et affichez la page à des largeurs de 360, 390, 768 et 1280 px, côte à côte, avec défilement dans chaque écran.Utiliser →
Test de site responsive (voir sur mobile, tablette et ordinateur)Voyez le rendu de votre site sur mobile, tablette et ordinateur en même temps, aux tailles d’écran réelles (360, 375, 393, 768, 1366 et 1920 px), avec zoom pour tenir à l’écran, rotation et largeur personnalisée. Fonctionne avec les sites qui autorisent l’affichage dans un cadre (iframe) et avec votre localhost.Utiliser →
Vérificateur de SEO de la page (on-page)Collez le code source d’une page et vérifiez le SEO on-page : titre et description (longueur), un seul H1 et l’ordre des titres H1 à H6, images sans alt, canonical, lang, viewport, robots, Open Graph, données structurées et liens, avec ce qu’il faut corriger pour chaque point.Utiliser →

Formater et convertir 39

Comparer des JSON (diff)Comparez deux JSON et voyez exactement ce qui a été ajouté, supprimé ou modifié, champ par champ, sans tenir compte de l’ordre des clés.Utiliser →
Convertisseur camelCase, snake_case et kebab-caseConvertissez des noms et des textes en camelCase, PascalCase, snake_case, kebab-case, CONSTANTE et autres formats utilisés en programmation.Utiliser →
Convertisseur Punycode (domaines accentués)Convertissez des domaines avec accents, ç et émojis en Punycode (xn--) et inversement, comme café.fr en xn--caf-dma.fr, un domaine par ligne.Utiliser →
CSV vers JSONConvertissez du CSV en JSON et du JSON en CSV, avec détection du séparateur (virgule, point-virgule ou tabulation).Utiliser →
CSV vers SQL (INSERT et CREATE TABLE)Convertissez du CSV ou des données copiées d’Excel en commandes SQL INSERT, avec CREATE TABLE et types détectés automatiquement, pour MySQL, PostgreSQL, SQLite et SQL Server.Utiliser →
Détecter le délimiteur d’un CSVDécouvrez si le CSV utilise la virgule, le point-virgule, la tabulation ou la barre verticale, voyez le tableau et convertissez-le vers un autre séparateur.Utiliser →
Échapper et déséchapper un texte (JSON, JS, SQL, regex)Échappez les guillemets, les barres obliques et les sauts de ligne pour JSON, JavaScript, SQL, regex, CSV et Unicode, ou faites le chemin inverse.Utiliser →
Générateur de changelogTransformez des messages de commit (Conventional Commits) en changelog organisé au format Keep a Changelog, prêt pour le CHANGELOG.md ou la release.Utiliser →
Formater du CSS (indenter et embellir)Formatez du CSS minifié ou en désordre en ligne : une propriété par ligne, retrait de 2 ou 4 espaces ou tabulation, ligne vide entre les règles et sélecteurs séparés, pour lire et modifier le style de n’importe quel site.Utiliser →
Formater du HTML (indenter et embellir)Formatez et indentez en ligne du code HTML désordonné ou minifié : chaque balise à son niveau, avec le CSS et le JavaScript de la page formatés en même temps, indentation de 2 ou 4 espaces ou tabulation et retour à la ligne des lignes longues.Utiliser →
Formater du JavaScript (indenter et embellir)Formatez en ligne du JavaScript minifié ou désordonné : indentation de 2 ou 4 espaces ou tabulation, accolades sur la même ligne ou sur la suivante et retour à la ligne des lignes longues, pour lire et déboguer les scripts de n’importe quel site.Utiliser →
Formater du JSONFormatez, validez et minifiez du JSON.Utiliser →
Formater du SQLFormatez des requêtes SQL en ligne : retour à la ligne aux clauses, indentation, mots-clés en majuscules et option de minification.Utiliser →
Formater du XMLFormatez, validez et minifiez du XML en ligne : indentation automatique, signalement des erreurs de syntaxe et conversion de XML en JSON.Utiliser →
Générateur de badges pour READMECréez des badges shields.io pour le README GitHub avec texte, couleur, style et logo, et copiez-les en Markdown ou HTML.Utiliser →
Générateur de Lorem IpsumTexte d’exemple pour maquettes et prototypes : paragraphes, phrases, mots, listes ou titres, en latin ou en français, en texte ou en HTML.Utiliser →
Générateur de tableau HTMLCollez des données depuis Excel, Google Sheets ou un CSV et générez un tableau HTML prêt pour votre site, avec en-tête, lignes alternées, bordures, défilement sur mobile et style CSS, ou simplement le HTML épuré.Utiliser →
Générateur de tableau MarkdownCréez des tableaux Markdown visuellement ou collez-les depuis Excel et Google Sheets, avec alignement des colonnes, pour README, GitHub et Notion.Utiliser →
Encoder du HTML (entités)Convertissez les caractères spéciaux et les accents en entités HTML (&amp;lt; &amp;eacute;) et faites l’inverse.Utiliser →
Convertir du HTML en JSXConvertissez du HTML en JSX pour React : class devient className, for devient htmlFor, style devient un objet, attributs en camelCase, balises vides fermées et commentaires en {/* */}. Option pour générer le composant prêt à l’emploi.Utiliser →
HTML vers MarkdownConvertissez du HTML en Markdown : titres, gras, liens, images, listes, citations et blocs de code, avec le style de titre et de liste de votre choix.Utiliser →
HTML vers texteRetirez toutes les balises d’un code HTML pour ne garder que le texte, en conservant les paragraphes, les listes et, si vous le souhaitez, les adresses des liens.Utiliser →
Inspecter les caractères UnicodeConsultez le code Unicode (U+), les octets UTF-8, l’entité HTML et l’échappement JavaScript de chaque caractère ou emoji d’un texte, et repérez les caractères invisibles.Utiliser →
JSON en CSVConvertissez une liste d’objets JSON en CSV pour l’ouvrir dans Excel ou Google Sheets, avec aplatissement des objets imbriqués, choix du séparateur et téléchargement du fichier.Utiliser →
JSON en TypeScriptGénérez des interfaces ou des types TypeScript à partir d’un JSON, avec objets imbriqués, tableaux, champs optionnels et noms en PascalCase.Utiliser →
JSON en XML (et XML en JSON)Convertissez du JSON en XML et du XML en JSON, avec attributs, listes et indentation, en validant la syntaxe.Utiliser →
Lecteur de fichier .envCollez un fichier .env et voyez les variables dans un tableau, avec les secrets masqués, les erreurs signalées et la conversion en JSON, YAML ou Docker.Utiliser →
Markdown vers HTMLÉcrivez en Markdown et voyez l'aperçu en direct, puis copiez le HTML ou téléchargez le fichier.Utiliser →
Minifier et formater du CSSMinifiez du CSS pour alléger votre site ou formatez du CSS compacté pour le lire et le modifier, avec l'économie en octets.Utiliser →
Minifier du HTMLMinifiez du HTML en supprimant les commentaires, espaces et sauts de ligne inutiles, en préservant <pre>, <textarea>, scripts et styles, avec l'économie en octets.Utiliser →
Minifier du JavaScriptMinifiez et compressez du code JavaScript avec Terser : supprime espaces et commentaires et raccourcit les noms de variables, avec l'économie en octets.Utiliser →
Encoder et décoder du Quoted-PrintableEncodez et décodez du texte en Quoted-Printable (=C3=A9) et des en-têtes d’e-mail aux formats =?UTF-8?Q?...?= et =?UTF-8?B?...?=.Utiliser →
Table ASCII complèteTable ASCII de 0 à 127 avec décimal, hexadécimal, octal, binaire, caractère et entité HTML, avec recherche et copie en un clic.Utiliser →
Texte en slugTransformez des titres en URL lisibles.Utiliser →
Convertisseur TOML vers JSONConvertissez TOML en JSON et JSON en TOML, avec la ligne exacte indiquée en cas d’erreur de syntaxe.Utiliser →
Validateur JSON SchemaValidez un JSON avec un JSON Schema et voyez chaque erreur avec son chemin exact, ou générez un schéma à partir d’un JSON d’exemple.Utiliser →
Validateur NDJSON (JSON Lines)Validez des fichiers NDJSON et JSON Lines ligne par ligne, voyez les lignes en erreur et les champs les plus courants, et convertissez en tableau JSON.Utiliser →
Visualiseur JSON en arbreAffichez du JSON en arbre avec des nœuds que l’on ouvre et ferme, une recherche par clé ou par valeur, le nombre d’éléments et le chemin de chaque champ en un clic.Utiliser →
YAML en JSONConvertissez du YAML en JSON et du JSON en YAML, en validant la syntaxe et en indiquant la ligne de l’erreur.Utiliser →

Codes, hash et réseau 38

Analyser les en-têtes HTTPCollez les en-têtes d’une réponse HTTP et voyez le rôle de chacun, la note de sécurité et ce qui manque, avec le cache et les cookies expliqués.Utiliser →
Analyser une URL et ses paramètresDécomposez une URL en protocole, domaine, chemin et paramètres, voyez chaque paramètre décodé (UTM, fbclid, gclid) et générez l’URL propre.Utiliser →
Analyser un user agentIdentifiez le navigateur, la version, le système d’exploitation, le type d’appareil, le moteur et le processeur à partir de n’importe quel user agent, ou du vôtre.Utiliser →
Base64Encodez et décodez du texte en Base64.Utiliser →
Calculatrice bitwise (AND, OR, XOR, NOT, décalage)Effectuez des opérations bit à bit AND, OR, XOR, NOT et des décalages sur des nombres décimaux, hexadécimaux ou binaires, en voyant chaque bit côte à côte.Utiliser →
Calculatrice chmodComposez des permissions de fichiers Linux en cochant des cases et obtenez le nombre (755, 644) et le format rwxr-xr-x.Utiliser →
Calculatrice RAIDCalculez l’espace utile, la redondance et le nombre de disques pouvant tomber en panne en RAID 0, 1, 5, 6 et 10, selon le nombre et la taille des disques (HDD ou SSD) de votre NAS ou serveur.Utiliser →
Calculatrice de sous-réseau IP (CIDR)Calculez le masque, l’adresse réseau, le broadcast, la plage d’IP utilisables et le nombre d’hôtes d’un réseau IPv4 en notation CIDR, comme 192.168.1.0/24.Utiliser →
Encoder et décoder en Base32Convertissez du texte en Base32 (RFC 4648) et inversement, avec ou sans le remplissage =, avec prise en charge des accents en UTF-8. Utile pour les clés 2FA, les noms de fichier et les identifiants.Utiliser →
Encoder une URLEncodez et décodez des URL (percent-encoding).Utiliser →
Comparer des versions (SemVer)Comparez deux versions SemVer, triez une liste de versions et vérifiez lesquelles respectent une plage comme ^1.2.0 ou >=2 <3.Utiliser →
Conversion de base numériqueConvertissez entre décimal, binaire, octal et hexadécimal.Utiliser →
Convertisseur d’octets (Ko, Mo, Go, To)Convertissez entre octets, Ko, Mo, Go et To, en norme décimale (1000) et binaire (1024), et calculez le temps de téléchargement.Utiliser →
Convertisseur d’IP (IPv4 et IPv6)Convertissez des adresses IPv4 en décimal, hexadécimal et binaire et inversement, développez et compressez l’IPv6, générez l’IPv6 mappée et voyez si l’IP est privée, publique ou réservée.Utiliser →
Convertisseur de timestampConvertissez un timestamp Unix en date et inversement.Utiliser →
Décoder un certificat SSL (PEM et CSR)Collez un certificat SSL au format PEM ou une demande CSR et voyez le domaine, l’émetteur, la validité, les noms alternatifs, la clé et les empreintes.Utiliser →
Décoder un JWTDécodez des jetons JWT et consultez l’en-tête, le payload et les dates d’émission et d’expiration dans un format lisible.Utiliser →
Expliquer une expression cron en françaisCollez une expression cron et voyez ce qu’elle signifie en français, champ par champ, avec les prochaines dates d’exécution de la tâche.Utiliser →
Générateur bcryptGénérez des hashes bcrypt de mots de passe avec le coût souhaité et vérifiez si un mot de passe correspond à un hash bcrypt.Utiliser →
Générateur BLAKE2 et BLAKE3Générez les hashes BLAKE2b, BLAKE2s et BLAKE3 d’un texte ou fichier, très rapides et sûrs.Utiliser →
Générateur de clés RSA et ECDSAGénérez des paires de clés RSA (2048, 3072 ou 4096 bits) et ECDSA (P-256, P-384), au format PEM, pour les tests, les JWT, les signatures et le chiffrement.Utiliser →
Générateur d’expression cronComposez une expression cron sans retenir la syntaxe : choisissez la fréquence, les minutes, les heures et les jours de la semaine et voyez les prochaines exécutions.Utiliser →
Générateur de commande cURLConstruisez des commandes cURL avec méthode, en-têtes, corps JSON, authentification et options, et obtenez la même requête en JavaScript (fetch) et Python (requests).Utiliser →
Générateur de .gitignoreComposez le fichier .gitignore de votre projet en choisissant langages, frameworks, systèmes et éditeurs : Node, Python, Java, Flutter, macOS, VS Code et plus encore.Utiliser →
Générateur de hashCalculez le SHA-1, le SHA-256 et le SHA-512 d’un texte.Utiliser →
Générateur de HMAC (SHA-256, SHA-512)Calculez la signature HMAC d’un message avec une clé secrète en SHA-1, SHA-256, SHA-384 ou SHA-512, avec sortie en hexadécimal ou Base64, et validez vos webhooks.Utiliser →
Générateur de JWT (signer un jeton HS256)Créez et signez des jetons JWT en HS256, HS384 ou HS512 à partir d’un payload JSON et d’une clé secrète, avec des raccourcis pour iat, exp et sub, et vérifiez la signature d’un jeton existant.Utiliser →
Générateur MD5Générez le hash MD5 d’un texte ou d’un fichier, en hexadécimal ou en Base64.Utiliser →
Générateur RIPEMD-160, SM3 et WhirlpoolGénérez les hashes RIPEMD-160, SM3, Whirlpool, CRC32 et xxHash d’un texte ou fichier.Utiliser →
Générateur SHA-256Générez les hashes SHA-256, SHA-224, SHA-384 et SHA-512 d’un texte ou d’un fichier.Utiliser →
Générateur SHA-3 et KeccakGénérez les hashes SHA3-224, SHA3-256, SHA3-384, SHA3-512 et Keccak-256 (Ethereum) d’un texte ou fichier.Utiliser →
Générateur de code TOTP (2FA)Générez et vérifiez des codes d’authentification à deux facteurs (TOTP, RFC 6238) à partir d’une clé secrète Base32, créez de nouvelles clés et le lien otpauth:// pour tester des connexions avec 2FA.Utiliser →
Générateur d’UUIDGénérez des UUID v4 aléatoires par lots.Utiliser →
Hash de fichier (MD5, SHA-1, SHA-256)Calculez le checksum MD5, SHA-1, SHA-256 et SHA-512 de n’importe quel fichier et vérifiez qu’il correspond au hash indiqué sur le site de téléchargement.Utiliser →
Image en Base64Convertissez des images en texte Base64 ou Data URI pour HTML et CSS.Utiliser →
Obfuscateur JavaScriptObfusquez du code JavaScript pour le rendre difficile à lire et à copier, avec niveau faible, moyen ou élevé, renommage des variables et chaînes encodées.Utiliser →
Générateur de table de véritéCréez la table de vérité de n’importe quelle expression logique avec ET, OU, NON, implication et équivalence, et vérifiez s’il s’agit d’une tautologie ou d’une contradiction.Utiliser →
Tester une regexTestez vos expressions régulières en direct, avec les correspondances surlignées, les groupes de capture et le résultat du remplacement.Utiliser →

Données de test 1

Générateur de carte bancaireGénérez des numéros de carte bancaire valides pour des tests logiciels (Visa, Mastercard, Elo, Amex) et validez-les avec l’algorithme de Luhn.Utiliser →

Aucun outil trouvé. Essayez un autre mot.

Merci beaucoup pour votre aide !

Chaque don aide à garder le site en ligne. Les outils sont faits pour vous aider, mais nous avons des frais de serveurs. Si vous le pouvez, cela nous aide beaucoup ! Choisissez ou saisissez le montant :

Paiement sécurisé par Stripe. S’ouvre dans un autre onglet.

Les outils sont fournis tels quels, sans garantie. Nous ne sommes pas responsables des résultats ni de l’usage qui en est fait.