Fast Text Format Tools
Die ultimative Sammlung blitzschneller Dienstprogramme zum Formatieren, Konvertieren und Optimieren Ihres Workflows.
Favoriten
Zuletzt verwendet
Kürzlich hinzugefügt
Text & Vergleich
Konverter
Konvertieren Sie sofort Groß-/Kleinschreibung, URL-Codierung und Base64-Decodierung.
Encoder / Decoder
Kodieren und dekodieren Sie verschiedene Formate wie URL, Base64 und HTML-Entitäten.
Listen-Sortierer & Duplikat-Entferner
Text-Arrays sofort alphabetisch, numerisch oder nach Länge sortieren und doppelte Zeilen entfernen.
Regex-Ersetzer
Führen Sie reguläre Ausdrücke aus, zeigen Sie Live-Übereinstimmungen an und verwenden Sie Spickzettel.
Text-Diff
Vergleichen Sie zwei Textblöcke nebeneinander, um Unterschiede hervorzuheben.
Textstatistik
Zählen Sie Wörter, Zeichen, Sätze, schätzen Sie die Lesezeit und prüfen Sie die Keyword-Dichte.
Übersetzer
Übersetzen Sie Text sofort zwischen Dutzenden von Sprachen.
Code & Formatierung
Base64 zu Datei
Base64-Zeichenfolgen oder Data-URIs wieder in herunterladbare Dateien (Bilder, PDFs, Dokumente, Audio) mit Sofortvorschau umwandeln.
Code Verschönerer
Formatieren, validieren und minimieren Sie Ihren JSON-, JavaScript-, CSS- und HTML-Code in eine saubere, lesbare Syntax.
CSS Formatieren
CSS-Code mit benutzerdefinierter Einrückung formatieren, verschönern, validieren und minimieren.
Visuelle CSS-Generatoren
CSS-Code für Schlagschatten, Verläufe, Flexbox und Grid-Layouts visuell erstellen und exportieren.
CSV zu JSON/SQL
Konvertieren Sie CSV-Daten in JSON-Arrays oder SQL INSERT-Anweisungen.
cURL zu Fetch
Konvertieren Sie cURL-Befehle ganz einfach in JavaScript Fetch API-Code.
HTML / XML
Verschönern, minimieren und bereinigen Sie unordentlichen Code sofort.
HTML zu JSX
Clientseitiges Tool zur Umwandlung von HTML-Tags/-Attributen in React-kompatibles JSX.
HTML zu Tailwind CSS
Standardmäßige Inline-Stile und CSS-Deklarationen in Tailwind-CSS-Utility-Klassen mit Live-Vorschau umwandeln.
JS-Obfuskator
Lesbaren JavaScript-Code in unleserlichen, minimierten Code zum Schutz der Programmlogik umwandeln.
JSON zu Code
Konvertieren Sie JSON-Objekte in typisierte Modelle für verschiedene Sprachen.
JSON-Baum-Viewer
JSON-Nutzdaten visuell prüfen, aufklappen, einklappen, durchsuchen und filtern mit Pfad-Inspektion.
Markdown
Schreiben Sie rohes Markdown mit einer Live-HTML-Vorschau.
Source-Map-Viewer
Clientseitiges Tool zum Hochladen von .map-Dateien und De-Minifizieren von Stacktraces.
SQL Formatter
Verschönern und formatieren Sie unordentliche SQL-Abfragen.
String maskieren & demaskieren
Maskieren (und demaskieren) Sie Anführungszeichen, Backslashes und Zeilenumbrüche sicher für JSON-Strings, SQL-Abfragen, HTML und Java/C#.
SVG-Optimierer
Rohen SVG-Code verkleinern.
SVG zu PNG/WEBP
Clientseitiges Tool zur Rasterung von SVG-Code oder -Dateien in herunterladbare Bilder über Canvas.
XML-Dienstprogramme
XML-Strings formatieren und verkleinern.
YAML <-> JSON
Konvertieren Sie sofort zwischen YAML und JSON.
Daten & Krypto
Bcrypt Hash
Erzeugen und verifizieren Sie Bcrypt-Passwörter lokal.
Epoch-Zeit
Konvertieren Sie Zeitstempel in menschenlesbare Daten.
Hash-Generator
Berechnen Sie kryptografische Hashes wie MD5, SHA-1, SHA-256 und SHA-512.
JWT-Decoder
Parsen Sie JSON Web Tokens sicher in formatierte Header- und Payload-Daten.
HMAC-Generator
Kryptografische HMAC-Signaturen mit SHA-256, SHA-512, MD5 und geheimen Schlüsseln berechnen und verifizieren.
Generatoren & Dienstprogramme
ASCII-Kunst
Erstellen Sie große ASCII-Textbanner.
Barcode-Generator
Clientseitiges Tool zur Erstellung linearer Barcodes (UPC, EAN, Code39) auf einem Canvas.
CHMOD-Rechner
Berechnen Sie Linux-Dateiberechtigungen ganz einfach.
Farbkontrast
Prüfen Sie die WCAG-Farbkontrast-Zugänglichkeit.
Farbformat
Konvertieren Sie sofort HEX-, RGB- und HSL-Farbcodes.
Cron-Decoder
Übersetzen Sie Cron-Zeitpläne in menschenlesbaren Text.
Favicon-Generator
Standardbilder in universell kompatible .ico-Dateien konvertieren und Standard-Web-App-Symbolgrößen generieren.
Bild Base64
Bilddateien in Base64 Data URI-Strings und CSS background-image-Eigenschaften umwandeln.
Bildkomprimierer
Komprimieren und optimieren Sie JPEG-, PNG-, WEBP- und AVIF-Bilder lokal in Ihrem Browser.
Markdown-Tabellengenerator
Ein visueller Rastereditor, der Benutzern das einfache Hinzufügen von Zeilen/Spalten ermöglicht und sofort eine perfekt formatierte Markdown-Tabellensyntax ausgibt.
Meta-Tag- & Open-Graph-Generator
SEO-Meta-Tags, Twitter Cards und Facebook Open Graph-Tags generieren und visuell in der Vorschau anzeigen.
Scheindatengenerator
Generieren Sie Hunderte Zeilen gefälschter Testdaten (Namen, E-Mails, Adressen, Daten, Kreditkarten) und exportieren Sie sie als CSV-, JSON- oder SQL-INSERT-Anweisungen für Datenbanktests.
Passwort-Gen
Erstellen Sie starke, sichere Passwörter mit kryptografischen Algorithmen.
PDF-Werkzeuge
PDF-Seiten 100% lokal im Browser zusammenfügen, teilen, extrahieren, drehen und neu anordnen.
Platzhaltertext
Erstellen Sie zufälligen Platzhaltertext für UI-Mockups.
QR-Code
Erstellen Sie skalierbare, scannbare QR-Codes aus Text oder URLs.
Regex-Tester und Builder
Testen Sie reguläre Ausdrücke mit Echtzeit-Match- und Capture-Gruppenhervorhebung, Aufschlüsselung der Syntaxerklärung und Testmodi mit mehreren Zeichenfolgen.
Robots.txt-Generator
Gültige robots.txt-Regeln, Crawler-Direktiven erstellen und KI-Scraper blockieren.
UUID / GUID
Generieren Sie sofort universell eindeutige Identifikatoren (v4).
XML-Sitemap-Generator
Gültige XML-Sitemaps mit benutzerdefinierten URLs, Aktualisierungsfrequenzen und Prioritäten für Suchmaschinen erstellen.
Finanzen & Einheiten
Währungsrechner
Berechnen Sie globale Wechselkurse in Echtzeit.
Einheitenumrechner
Konvertieren Sie sofort Länge, Gewicht, Temperatur und Datenspeicher.
Netzwerk
DNS-Suche
Überprüfen Sie DNS-Einträge in Echtzeit.
HTTP-Header-Viewer
Zeigen Sie HTTP-Anforderungsheader an, die von Ihrem Browser gesendet werden.
Internet-Geschwindigkeitstest
Testen Sie Ihre Download- und Upload-Verbindungsgeschwindigkeit.
IP-Suche
Suchen Sie IP-Adressen und Geolokalisierungsdaten.
MAC-Anbieter-Suche
Identifizieren Sie Hardware-Anbieter anhand von MAC-Adressen.
RDAP-Abfrage
Domain- und IP-Registrierungsdaten, Registrar, Nameserver und DNSSEC-Status über RDAP abfragen.
Weiterleitungs- & Link-Trace
Gekürzte URLs aufdecken und vollständige HTTP-301/302-Weiterleitungsketten bis zum Endziel verfolgen.
SSL-Zertifikat-Prüfer
Prüfen Sie Live-SSL/TLS-Zertifikate, Ausstellerketten, Ablauf-Countdowns, SAN-Domains und Fingerabdrücke für jede Domain.
Subnetz-Rechner
Berechnen Sie CIDR-Netzwerkmasken und IP-Bereiche.
URL Parser
Extrahieren und erstellen Sie einfach URL-Query-Strings.
User-Agent Parser
Extrahieren Sie Betriebssystem- und Browser-Informationen aus User-Agent-Strings.
Webhook-Tester
Webhook-Übermittlungen mit benutzerdefinierten Headern, HMAC-Signaturen und Live-Antwortprüfung senden, testen und debuggen.
Visuelle CSS-Generatoren
CSS-Code für Schlagschatten, Verläufe, Flexbox und Grid-Layouts visuell erstellen und exportieren.
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;
}Anleitung
Wählen Sie einen Generatormodus (Schlagschatten, Farbverlauf, Flexbox oder Grid-Layout). Passen Sie Parameter mit Schiebereglern an und kopieren oder exportieren Sie den generierten CSS-Code.
Häufig gestellte Fragen
Wie funktioniert CSS Box Shadow und was bedeuten die einzelnen Parameter?
Die CSS-Box-Shadow-Eigenschaft fügt einem Elementrahmen einen oder mehrere Schlagschatten hinzu. Die Parameter geben den horizontalen Versatz (X), den vertikalen Versatz (Y), den Unschärferadius (wie weich oder diffus die Schattenkante erscheint), den Ausbreitungsradius (wie stark sich der Schatten ausdehnt oder verkleinert), die Schattenfarbe (normalerweise halbtransparentes RGBA) und ein optionales Schlüsselwort „inset“ an, um den Schatten innerhalb des Containers darzustellen.
Warum sollten Sie mehrere Box-Shadow-Ebenen für realistische UI-Schatten verwenden?
Schatten in der realen Welt bestehen sowohl aus Umgebungslicht als auch aus direkt gerichtetem Licht. Das Überlagern eines dichten, etwas dunkleren Schattens mit einem ausgedehnten, weichen Schatten mit geringer Deckkraft erzeugt eine natürliche Höhe und Tiefe, ohne matschig oder künstlich zu wirken.
Was ist der Unterschied zwischen linearen und radialen Farbverläufen in CSS?
Lineare Farbverläufe überführen Farben entlang einer geraden Richtungsachse, die durch Grad oder Schlüsselwörter definiert wird (z. B. 135 Grad oder „nach rechts unten“). Radiale Farbverläufe entstehen von einem einzelnen Ursprungspunkt in einem kreisförmigen oder elliptischen Muster nach außen und erzeugen punktuelle oder sphärische Farbübergänge.
Wann sollten Sie CSS Flexbox vs. CSS Grid verwenden?
Flexbox ist ein eindimensionales Layoutsystem, das sich ideal zum Organisieren von Elementen in einer einzelnen Zeile oder Spalte eignet (z. B. Navigationsleisten, Schaltflächengruppen und Symbolleistenausrichtungen). CSS Grid ist ein zweidimensionales Layoutsystem, das für komplexe Webseitenstrukturen, mehrspaltige Dashboard-Layouts und strenge Rasterausrichtungen entwickelt wurde.
Was ist der Unterschied zwischen justify-content und align-items in Flexbox?
justify-content steuert die Verteilung von Flex-Elementen entlang der Hauptachse (horizontal, wenn Flex-Richtung Zeile ist; vertikal, wenn Spalte). align-items steuert die Positionierung von Elementen entlang der Querachse (senkrecht zur Hauptachse).
Wie erstellt „repeat(auto-fit, minmax(...))“ reaktionsfähige Raster ohne Medienabfragen?
Das Schlüsselwort „Auto-Fit“ weist den Rastercontainer an, basierend auf der aktuellen Breite des Containers so viele Spalten wie möglich einzupassen. Die Funktion minmax(200px, 1fr) stellt sicher, dass jede Spalte niemals unter 200 Pixel schrumpft, sondern proportional erweitert wird, um den verbleibenden verfügbaren Platz zu belegen.
Was ist die Gap-Eigenschaft in modernen CSS-Layouts?
Die Gap-Eigenschaft definiert einen konsistenten Abstand zwischen Zeilen und Spalten sowohl im Flexbox- als auch im Grid-Layout. Es ersetzt veraltete Rand-Hacks und negative Ränder und fügt keinen Abstand am Außenumfang des Containers hinzu.
Sind die generierten CSS-Stile mit allen modernen Webbrowsern kompatibel?
Ja. Moderne CSS-Boxschatten, lineare/radiale Farbverläufe, Flexbox und CSS Grid bieten universelle Unterstützung für Chrome, Firefox, Safari, Edge, iOS Safari und Android-Browser, ohne dass ältere Herstellerpräfixe wie -webkit- oder -moz- erforderlich sind.
Wie bestimmen Flex-Grow und Flex-Shrink die Artikelgröße?
Flex-Grow gibt an, wie viel vom verbleibenden positiven Platz des Containers ein Element im Vergleich zu seinen Geschwistern absorbieren soll. Flex-Shrink bestimmt die Geschwindigkeit, mit der ein Artikel komprimiert wird, wenn der Containerraum nicht ausreicht.
Kann ich das exportierte CSS in React-, Vue-, Svelte- oder Tailwind-Projekten verwenden?
Ja. Die exportierten CSS-Regeln können direkt in Standard-CSS-Dateien, CSS-Module, gestaltete Komponenten eingefügt oder in beliebige Tailwind-Dienstprogrammklassen (z. B.shadow-[...], bg-[linear-gradient(...)]) übersetzt werden.
Keine Ergebnisse gefunden
Versuchen Sie, Ihre Suchbegriffe anzupassen.