Entwickler

Der Werkzeugkasten für Entwickler: JSON-Formatter, Farbumwandlung, Base64- und URL-Codierung, UUID, reguläre Ausdrücke… Alles im Browser, nichts wird gesendet.

JSON-Formatter

JSON einrücken, minifizieren und validieren.

Entwickler Öffnen

Farbkonverter

Wandeln Sie zwischen HEX, RGB und HSL um.

Entwickler Öffnen

UUID-Generator

Erzeugen Sie zufällige v4-UUIDs in Mengen.

Entwickler Öffnen

Base64 Encoder / Decoder

Text in Base64 kodieren und dekodieren.

Entwickler Öffnen

URL-Encoder / -Decoder

URLs kodieren und dekodieren (Percent-Encoding).

Entwickler Öffnen

Regex-Tester

Testen Sie Ihre Regex und markieren Sie Treffer.

Entwickler Öffnen

QR-Code-Generator

Erstellen Sie einen QR-Code aus Text oder URL.

Entwickler Öffnen

JSON-⇄-CSV-Konverter

Wandeln Sie in beide Richtungen zwischen JSON und CSV um.

Entwickler Öffnen

CSS-Verlauf-Generator

Gestalten Sie einen Verlauf und kopieren Sie fertigen CSS-Code.

Entwickler Öffnen

WCAG-Kontrast-Prüfer

Prüfen Sie die Barrierefreiheit Ihrer Text-/Hintergrundfarben.

Entwickler Öffnen

JWT-Decoder

Header und Claims eines JWT-Tokens einsehen.

Entwickler Öffnen

Cron-Ausdruck-Erklärer

Übersetzen Sie ein Crontab in Klartext und sehen Sie die nächsten Läufe.

Entwickler Öffnen

HTML-Entities

HTML-Entities kodieren und dekodieren, benannt oder numerisch.

Entwickler Öffnen

CSS-Minifizierer

CSS komprimieren oder verschönern, mit Byte-Ersparnis.

Entwickler Öffnen

SQL-Formatierer

Formatieren Sie SQL-Abfragen: Schlüsselwörter und Einrückung.

Entwickler Öffnen

XML-Formatierer

XML einrücken und validieren, Fehler markiert.

Entwickler Öffnen

String-Escaper

Ein String, gleichzeitig für JSON, JS, HTML, URL und Base64 escapt.

Entwickler Öffnen

Subnetzrechner

IP + CIDR → Netz, Broadcast, Host-Bereich und Masken.

Entwickler Öffnen

Chmod-Rechner

rwx-Rechte ankreuzen: oktal und symbolische Notation live.

Entwickler Öffnen

URL-Parser

Eine URL zerlegen: Protokoll, Host, Pfad und dekodierte Parameter.

Entwickler Öffnen

HTTP-Statuscodes

Einen HTTP-Code nachschlagen: Bedeutung und Verwendung.

Entwickler Öffnen

User-Agent-Parser

Browser, OS und Engine aus einem User-Agent-String extrahiert.

Entwickler Öffnen

ULID- & NanoID-Generator

Eindeutige, zeitlich sortierbare IDs, Alternative zur UUID.

Entwickler Öffnen

JSON zu TypeScript

Verwandeln Sie ein JSON-Objekt in typisierte TypeScript-Interfaces.

Entwickler Öffnen

CSV zu Markdown-Tabelle

Wandeln Sie CSV in eine Markdown-Tabelle um, mit Ausrichtungen.

Entwickler Öffnen

Meta-Tags-Generator

Title, Description, Open Graph und Twitter, mit Social-Card-Vorschau.

Entwickler Öffnen

Robots.txt-Generator

Erstellen Sie eine robots.txt: Agents, Berechtigungen, Sitemap.

Entwickler Öffnen

Box-Shadow-Generator

Erstellen Sie mehrschichtige CSS-Schatten mit Live-Vorschau.

Entwickler Öffnen

Border-Radius-Generator

Runden Sie Ecken ab und erstellen Sie organische Blob-Formen.

Entwickler Öffnen

Hex-Betrachter

Untersuchen Sie eine Datei in Hex und ASCII, Typ per Magic Bytes erkannt.

Entwickler Öffnen

MIME-Typen

Finden Sie den MIME-Typ einer Erweiterung und umgekehrt.

Entwickler Öffnen

SVG-Reiniger

Verkleinern Sie ein SVG: Kommentare, Metadaten und Leerraum entfernt, Ersparnis angezeigt.

Entwickler Öffnen

JSON-Vergleich

Vergleichen Sie zwei JSON und erkennen Sie Zusätze, Entfernungen und Änderungen.

Entwickler Öffnen

px-rem-Umrechner

Wandeln Sie CSS-Einheiten px, rem, em, pt und % mit konfigurierbarer Basis um.

Entwickler Öffnen

Unicode-Inspektor

Zerlegen Sie jedes Zeichen: U+-Codepunkt, dezimal, UTF-8-Bytes, HTML-Entität.

Entwickler Öffnen

Cubic-Bezier-Generator

Erstellen Sie eine CSS-Animationskurve durch Ziehen der Griffe, mit animierter Vorschau.

Entwickler Öffnen

Flexbox-Generator

Stellen Sie einen Flexbox-Container live ein und kopieren Sie das fertige CSS.

Entwickler Öffnen

Text-Shadow-Generator

Erstellen Sie mehrschichtige Textschatten mit Live-Vorschau und kopierfertigem CSS.

Entwickler Öffnen

Glassmorphism-Generator

Erzeugen Sie einen Milchglas-Effekt (Hintergrund-Unschärfe) mit Live-Vorschau und CSS.

Entwickler Öffnen

CSS-Grid-Generator

Bauen Sie ein CSS-Raster (Spalten, Zeilen, Gap) live und kopieren Sie das CSS.

Entwickler Öffnen

CSS-clamp()-Generator

Erzeugen Sie eine fluide CSS-clamp()-Größe (responsive Typografie) zwischen zwei Bildschirmbreiten.

Entwickler Öffnen

Meine IP-Adresse

Zeigen Sie Ihre öffentliche IP-Adresse (IPv4/IPv6) und Ihre Verbindungsdaten an.

Entwickler Öffnen

JSON zu YAML

Wandeln Sie JSON in lesbares YAML mit sauberer Einrückung um. Ideal für Konfigurationsdateien.

Entwickler Öffnen

CSV zu JSON

Wandeln Sie CSV in JSON um (Array von Objekten), mit einstellbaren Kopfzeilen und Trennzeichen.

Entwickler Öffnen