So färben Sie Text mit dem Generator

Das Werkzeug packt jeden Buchstaben — oder jedes ganze Wort — in ein eigenes HTML-font-Tag mit einer zufälligen Farbe und einer zufälligen Größe von 1 bis 7. Vorschau und Codeblock entstehen aus derselben Zeichenkette: Was Sie sehen, kopieren Sie.

Nichts verlässt den Browser-Tab: kein Upload, kein Konto, kein Serveraufruf. Das Markup lässt sich in jeden Editor, jedes Forum und jede Vorlage einfügen, die noch HTML annimmt.

Text einfügen oder tippen. Lateinisch, kyrillisch, griechisch, arabisch, CJK und Emoji funktionieren; ein Emoji zählt als ein Buchstabe, auch wenn es aus mehreren Codepunkten besteht.
Wählen Sie Jeden Buchstaben färben für eine Farbe pro Zeichen oder Jedes Wort färben, um ganze Wörter zu färben und die Abstände zu behalten.
Auf Effekt erzeugen klicken. Der gelbe Kasten zeigt das gefärbte Ergebnis, der Block darunter enthält das Markup, Code kopieren legt es in die Zwischenablage.
Mit Leeren werden beide Kästen geleert. Ist das Textfeld leer, sagt das Werkzeug das, statt das vorige Ergebnis stehen zu lassen.

Was das erzeugte Markup enthält

Wie viel das Ergebnis wiegt

Ein Buchstabe kostet ein font-Tag von rund 39 Zeichen: 60.000 Buchstaben werden zu etwa 2,3 MB Markup, 12.000 Wörter im Wortmodus zu rund 516 KB. Im Browser gemessen: 0,5 s und 0,16 s.

Der Codeblock hebt das Markup bis 50.000 Zeichen hervor. Längerer Text wird weiterhin korrekt erzeugt und kopiert, erscheint aber als reiner escapter Text ohne Syntaxfarben.

Buchstabenmodus und Wortmodus

Der Buchstabenmodus trennt nach Graphem-Clustern, also nach den Einheiten, die man sieht: eine Emoji-Familie, eine Flagge oder ein Buchstabe mit kombinierendem Akzent bleiben in einem Tag, statt halbiert zu werden.

Der Wortmodus umschließt jedes Wort und behält die Abstände wie getippt. Der zweite Leerschlag einer Folge wird ein geschütztes Leerzeichen, damit er auf der Zielseite bleibt, ein Tabulator zählt als ein Leerzeichen, und jeder Zeilenumbruch wird ein Umbruch-Tag.

Die Farben sind zufällig, nicht gewählt

Farbe und Größe kommen bei jedem Lauf aus einer Zufallsziehung: Derselbe Text ergibt jedes Mal anderes Markup, und zwei benachbarte Buchstaben können zufällig dieselbe Farbe haben.

Der Generator prüft den Kontrast zum Seitenhintergrund nicht: Eine helle Farbe liest sich auf Weiß schlecht, eine dunkle auf Schwarz. Lassen Sie neu erzeugen, bis die Mischung passt, oder ändern Sie die Hex-Werte im kopierten Markup.

Was das Markup auf einer Seite tut

Das font-Element ist in HTML5 veraltet, wird aber weiterhin dargestellt — deshalb zielt die Ausgabe darauf: alte Editoren, Forensoftware und Mail-Vorlagen, die CSS entfernen, behalten die Farben.

Eingegebener Text wird beim Einfügen escapt: spitze Klammern und Ampersands erscheinen als Zeichen, nicht als Tags. Wer Markup eintippt, bekommt also eine gefärbte Kopie des Markups statt einer kaputten Vorschau.