Comment colorer du texte avec le générateur

L’outil entoure chaque lettre — ou chaque mot entier — de sa propre balise font HTML, avec une couleur aléatoire et une taille aléatoire de 1 à 7. L’aperçu et le bloc de code sont construits à partir de la même chaîne : ce que vous voyez est ce que vous copiez.

Rien ne quitte l’onglet : aucun envoi, aucun compte, aucun aller-retour serveur, et le balisage se colle dans tout éditeur, forum ou modèle qui accepte encore le HTML.

  1. Collez ou saisissez le texte. Latin, cyrillique, grec, arabe, CJK et emoji fonctionnent ; un emoji compte comme une lettre même lorsqu’il est composé de plusieurs points de code.
  2. Choisissez Colorer chaque lettre pour une couleur par caractère, ou Colorer chaque mot pour colorer des mots entiers en gardant les espaces.
  3. Cliquez sur Générer des effets. L’encadré jaune montre le résultat coloré, le bloc en dessous contient le balisage et Copier le code le place dans le presse-papiers.
  4. Cliquez sur Effacer pour vider les deux encadrés. Si la zone de texte est vide, l’outil le dit au lieu de laisser le résultat précédent à l’écran.

Ce que contient le balisage généré

Le poids du résultat

Une lettre coûte une balise font d’environ 39 caractères : 60 000 lettres donnent environ 2,3 Mo de balisage, et 12 000 mots en mode mot environ 516 Ko. Mesuré dans le navigateur : 0,5 s et 0,16 s.

Le bloc de code colore le balisage jusqu’à 50 000 caractères. Au-delà, le texte est toujours généré et copié correctement, mais affiché en texte échappé sans couleurs de syntaxe.

Mode lettre et mode mot

Le mode lettre découpe selon les groupes de graphèmes, les unités que voit le lecteur : une famille emoji, un drapeau ou une lettre avec accent combiné restent dans une seule balise au lieu d’être coupés en deux.

Le mode mot entoure chaque mot et conserve les espacements saisis. Le deuxième espace d’une suite devient un espace insécable pour survivre dans la page collée, une tabulation compte comme un espace et chaque saut de ligne devient une balise de retour à la ligne.

Les couleurs sont aléatoires, pas choisies

Couleur et taille sortent d’un tirage à chaque exécution : le même texte produit un balisage différent chaque fois, et deux lettres voisines peuvent partager une couleur par hasard.

Le générateur ne vérifie pas le contraste avec le fond de votre page : une couleur claire se lit mal sur blanc, une sombre sur noir. Relancez jusqu’à obtenir un ensemble qui convient, ou modifiez les valeurs hexadécimales dans le balisage copié.

Ce que fait le balisage collé

L’élément font est obsolète en HTML5 mais les navigateurs l’affichent toujours : c’est pourquoi la sortie le vise, car les vieux éditeurs, les forums et les modèles d’e-mail qui suppriment le CSS conservent les couleurs.

Le texte saisi est échappé à l’entrée : les chevrons et les ampersands apparaissent comme caractères, pas comme balises ; saisir du balisage produit donc une copie colorée de ce balisage au lieu de casser l’aperçu.

Outils récents :