Alle Tools
KI-Prompt-Generator, Werkzeuge für Webdesign und UX (Farben, CSS-Generatoren, Einheiten, SVG), dazu Passwort, QR-Code, IBAN, Sprüche, Bilder und PDFs umwandeln, Metadaten und Tracking-Links – Utilities nach Themen, kostenlos und ohne Anmeldung. „In Arbeit“ markierte Tools sind bald verfügbar.
Künstliche Intelligenz
Kostenlose KI-Tools, Prompt-Generatoren und praktische Helfer für produktiveres Arbeiten mit künstlicher Intelligenz.
SEO & Website
Meta-Tags, Tracking-Links und Website-Checks – schnell geprüft und exportiert.
Metadaten-Checker
Meta-Tags prüfen: Titel, Description und Vorschaubild einer Website laden, bearbeiten und als Code exportieren – kostenlos ohne Anmeldung.
Jetzt prüfenUTM-Link-Builder
UTM-Generator: Tracking-Links mit utm_source, utm_medium und utm_campaign bauen – fertige Kampagnen-URL, kostenlos ohne Anmeldung.
Jetzt prüfenrobots.txt-Prüfer
robots.txt prüfen: Datei laden, Regeln verstehen und testen, ob Googlebot einen Pfad crawlen darf – kostenlos ohne Anmeldung.
Jetzt prüfenSEO-Checker
SEO-Check für eine Seite: Titel, Description, Überschriften, Bilder, Indexierung, robots.txt und Sitemap prüfen – mit Score, optionalem Keyword und konkreten Hinweisen.
Jetzt prüfenGZIP-Prüfer
Prüfen, ob eine Website mit GZIP, Brotli oder Zstandard komprimiert ausgeliefert wird – mit übertragener Größe und Ersparnis in Prozent.
Jetzt prüfenQuelltext anzeigen
HTML-Quelltext einer Website anzeigen, durchsuchen und kopieren – mit Zeilennummern, Statuscode und Weiterleitungen, auch auf dem Smartphone.
Jetzt prüfenFarben & Kontrast
Farben umrechnen, Kontraste prüfen, Paletten und Farbskalen erzeugen – mit Vorschau und Export als CSS oder Tailwind.
Tailwind-Farbgenerator
Tailwind-Farbpalette erzeugen: aus einer Farbe die Stufen 50 bis 950 berechnen und als CSS für Tailwind v4 oder v3 kopieren.
Jetzt ausprobierenFarbumrechner
Farben zwischen HEX, RGB, HSL, HWB, OKLCH und CMYK umrechnen – mit Farbwähler, Alpha-Wert und Copy-Buttons, kostenlos.
Jetzt ausprobierenFarbkontrast-Prüfer
Kontrastverhältnis zweier Farben nach WCAG berechnen: AA und AAA für normalen und großen Text sowie UI-Elemente prüfen.
Jetzt ausprobierenFarbpaletten-Generator
Harmonische Farbpaletten aus einer Ausgangsfarbe erzeugen: komplementär, analog, triadisch und mehr – Export als CSS.
Jetzt ausprobierenOKLCH-Farbskala-Generator
Gleichmäßige Farbskalen im OKLCH-Farbraum erzeugen: Stufen, Helligkeit und Sättigung einstellen – Export für CSS und Tailwind.
Jetzt ausprobierenBarrierefreie Farbpalette
Farbpalette auf WCAG-Kontrast prüfen: Kontrastmatrix, passende Text-Hintergrund-Paare und Anpassung auf AA oder AAA.
Jetzt ausprobierenFarbenblindheit-Simulator
Farben, Paletten und Bilder so ansehen, wie sie bei Rot-Grün-Schwäche, Blau-Gelb-Schwäche und Achromatopsie wirken.
Jetzt ausprobierenRGBA-Generator
Farbe mit Transparenz erzeugen: Deckkraft einstellen, Vorschau auf hellem, dunklem und kariertem Grund, Werte als RGBA, HEX8, HSL und OKLCH.
Jetzt ausprobierenCSS-Farbvariablen-Generator
Markenfarben als CSS Custom Properties anlegen – mit Hover-, Active- und Textfarben sowie Abstufungen, Export als CSS, Tailwind oder SCSS.
Jetzt ausprobierenDark-Mode-Generator
Aus einem hellen Farbschema automatisch ein dunkles ableiten, Kontraste prüfen und CSS mit prefers-color-scheme, data-theme oder light-dark() kopieren.
Jetzt ausprobierencolor-mix()-Rechner
Zwei Farben mit CSS color-mix() mischen: Anteil, Farbraum und Farbton-Interpolation wählen, Ergebnis als HEX, RGB und OKLCH.
Jetzt ausprobierenFarben mischen
Zwei Farben mischen und die Zwischenstufen berechnen: Anzahl der Schritte, Farbraum RGB oder OKLab – als HEX, CSS-Variablen oder Verlauf.
Jetzt ausprobierenFarbe aufhellen und abdunkeln
Farbe heller oder dunkler machen: Prozentwert wählen, Skala in beide Richtungen sehen und Werte wie in Sass, HSL oder OKLCH kopieren.
Jetzt ausprobierenCSS-Generatoren
Schatten, Verläufe, Formen, Animationen und Layouts visuell einstellen und fertigen CSS- oder Tailwind-Code kopieren.
CSS-Border-Radius-Generator
border-radius visuell einstellen: alle Ecken gemeinsam oder einzeln, auch elliptisch – mit fertigem CSS und Tailwind-Klasse.
Jetzt ausprobierenCSS-Box-Shadow-Generator
box-shadow mit Reglern gestalten: Offset, Blur, Spread, Farbe, Deckkraft, Inset und mehrere Ebenen – CSS und Tailwind.
Jetzt ausprobierenCSS-Gradient-Generator
Linear-, Radial- und Conic-Verläufe mit mehreren Farbstopps visuell erstellen und als CSS oder Tailwind-Code kopieren.
Jetzt ausprobierenCSS-Easing-Generator
cubic-bezier-Kurven per Ziehen bearbeiten, Animation live ansehen und fertigen Easing-Wert für CSS und Tailwind kopieren.
Jetzt ausprobierenGlassmorphism-Generator
Glassmorphism-Effekt einstellen: Transparenz, Blur, Border, Radius und Schatten – mit Live-Vorschau und CSS-Code.
Jetzt ausprobierenCSS-Button-Generator
Buttons gestalten: Farbe, Schrift, Padding, Radius, Rahmen, Schatten und Hover – fertiges CSS und Tailwind-Klassen kopieren.
Jetzt ausprobierenFlexbox-Playground
Flexbox visuell ausprobieren: direction, wrap, justify-content, align-items und gap live einstellen – mit CSS und Tailwind.
Jetzt ausprobierenCSS-Grid-Generator
CSS Grid visuell konfigurieren: Spalten, Zeilen, Gap und Größen einstellen und fertiges CSS und Tailwind-Klassen kopieren.
Jetzt ausprobierenCSS-Clip-Path-Generator
clip-path visuell erstellen: Standardformen oder frei ziehbare Polygonpunkte – fertiges CSS und Tailwind zum Kopieren.
Jetzt ausprobierenCSS-Animation-Generator
CSS-Animationen mit Keyframes, Dauer, Verzögerung, Wiederholung und Easing gestalten – Live-Vorschau, Code für CSS und Tailwind.
Jetzt ausprobierenMesh-Gradient-Generator
Mesh-Gradients aus mehreren Farbpunkten erstellen, Punkte per Ziehen verschieben und CSS-Code oder PNG exportieren.
Jetzt ausprobierenCSS-Spezifitäts-Rechner
CSS-Spezifität von Selektoren berechnen, verständlich aufschlüsseln und mehrere Selektoren miteinander vergleichen.
Jetzt ausprobierenCSS-Filter-Generator
Bildfilter wie Helligkeit, Kontrast, Sättigung, Sepia, Blur und Drop-Shadow live auf ein eigenes Bild anwenden und CSS oder Tailwind kopieren.
Jetzt ausprobierenCSS-Transform-Generator
Elemente drehen, verschieben, skalieren und neigen: rotate, translate, scale und skew visuell einstellen – CSS und Tailwind kopieren.
Jetzt ausprobierenCSS-3D-Transform-Generator
3D-Effekte mit perspective, rotateX, rotateY und translateZ einstellen, Karte live drehen und CSS oder Tailwind kopieren.
Jetzt ausprobierenCSS-Dreieck-Generator
Dreiecke in CSS erzeugen: Richtung, Breite, Höhe und Farbe wählen, per Border-Trick oder clip-path, fertigen Code kopieren.
Jetzt ausprobierenCSS-Border-Image-Generator
border-image mit Verlauf oder eigenem Bild gestalten: Slice, Breite, Outset und Wiederholung einstellen und CSS kopieren.
Jetzt ausprobierenGradient-Border-Generator
Rahmen mit Farbverlauf und abgerundeten Ecken erstellen, optional transparent und animiert – mit Live-Vorschau und CSS-Code.
Jetzt ausprobierenCSS-Muster-Generator
Hintergrundmuster nur mit CSS: Streifen, Punkte, Raster, Schachbrett, Zickzack und Rauten mit Farben und Größe einstellen.
Jetzt ausprobierenCSS-Spalten-Generator
Mehrspaltigen Text mit column-count oder column-width, Abstand und Trennlinie gestalten – Live-Vorschau, CSS und Tailwind.
Jetzt ausprobierenCSS-Layout-Generator
Seitenlayouts mit CSS Grid: Holy Grail, Sidebar, Sticky Footer, Dashboard oder Kartenraster – responsiv, mit HTML und CSS.
Jetzt ausprobierennth-child-Tester
:nth-child, :nth-of-type und :nth-last-child ausprobieren: Formel eingeben, Treffer live sehen und in Worten erklärt bekommen.
Jetzt ausprobieren@counter-style-Generator
Eigene Listen-Nummerierungen mit @counter-style bauen: Symbole, System, Präfix und Suffix – plus Galerie aller list-style-type-Werte.
Jetzt ausprobierenCSS zentrieren
Elemente horizontal und vertikal zentrieren: passende Methode für Text, Blöcke, Bilder und unbekannte Größen mit Vorschau und Code.
Jetzt ausprobierenCSS-Position-Visualisierer
position: static, relative, absolute, fixed und sticky live ausprobieren: Abstände, Bezugselement und Scrollverhalten sichtbar machen.
Jetzt ausprobierenCSS-Cursor-Übersicht
Alle CSS-Cursor live ausprobieren und per Klick kopieren – plus eigener Cursor aus einem Bild mit Hotspot und Fallback.
Jetzt ausprobierenUI-Komponenten
Akkordeons, Schalter, Formularfelder, Tooltips, Toasts, Menüs, Loader und Scrollbars gestalten – fertiges HTML und CSS ohne Framework.
CSS-Akkordeon-Generator
Akkordeon ohne JavaScript mit details und summary gestalten: Farben, Icons, Abstände und Animation einstellen, HTML und CSS kopieren.
Jetzt ausprobierenToggle-Switch-Generator
Barrierefreien Schalter aus einer Checkbox gestalten: Größe, Farben, Knopf und Übergang einstellen – fertiges HTML und CSS.
Jetzt ausprobierenCheckbox- und Radio-Generator
Eigene Checkboxen und Radio-Buttons ohne Bilder gestalten: Größe, Rahmen, Häkchen und Farben einstellen, CSS kopieren.
Jetzt ausprobierenRange-Slider-Generator
input type=range gestalten: Spur, Füllung und Regler für Chrome, Safari und Firefox einstellen und HTML, CSS und JS kopieren.
Jetzt ausprobierenSelect-Dropdown-Generator
select-Felder einheitlich gestalten: eigener Pfeil, Rahmen, Radius, Fokus-Ring und Farben – fertiges CSS ohne JavaScript.
Jetzt ausprobierenInput-Feld-Generator
Textfelder gestalten: Outline, gefüllt oder unterstrichen, Fokus-Ring, Platzhalter und Fehlerzustand – HTML und CSS kopieren.
Jetzt ausprobierenCSS-Tooltip-Generator
Tooltips nur mit CSS: Position, Farben, Pfeil, Verzögerung und Animation einstellen – barrierearm per Hover und Fokus.
Jetzt ausprobierenToast-Generator
Toast-Benachrichtigungen für Erfolg, Fehler, Warnung und Info gestalten: Stil, Position, Farben und Animation – HTML und CSS.
Jetzt ausprobierenCSS-Menü-Generator
Navigationsmenüs mit Dropdown gestalten: Unterstrich, Pille oder Leiste, Farben und Abstände einstellen – HTML und CSS kopieren.
Jetzt ausprobierenCSS-Ribbon-Generator
Ribbons und Banderolen für Karten erzeugen: Eckband, Banner oder Lesezeichen mit Text und Farben – reines CSS.
Jetzt ausprobierenSkeleton-Loader-Generator
Platzhalter beim Laden gestalten: Karte, Liste oder Text mit Shimmer- oder Puls-Animation – barrierearmes HTML und CSS.
Jetzt ausprobierenCSS-Loader-Generator
Lade-Spinner nur mit CSS: Ring, Punkte, Balken, Puls oder Ladebalken mit Farbe, Größe und Tempo – HTML und CSS kopieren.
Jetzt ausprobierenCSS-Scrollbar-Generator
Scrollleisten gestalten: Breite, Farben, Radius und Hover für Chrome, Safari, Edge und Firefox – für Seite oder Element.
Jetzt ausprobierenText-Effekte
Textschatten, Verläufe, Animationen, Glitch- und Textmarker-Effekte für Überschriften – live testen und CSS kopieren.
CSS-Text-Gradient-Generator
Farbverlauf auf Text legen: Farbstopps, Winkel und optionale Animation einstellen, live testen und CSS oder Tailwind kopieren.
Jetzt ausprobierenCSS-Text-Shadow-Generator
Textschatten mit mehreren Ebenen gestalten: Versatz, Unschärfe, Farbe und Deckkraft, Vorlagen wie Neon oder 3D – CSS und Tailwind.
Jetzt ausprobierenCSS-Text-Animation-Generator
Text animieren ohne JavaScript: Schreibmaschine, Welle, Einblenden, Unschärfe oder Neon – Tempo einstellen und Code kopieren.
Jetzt ausprobierenGlitch-Text-Generator
Glitch-Effekt für Überschriften: Farbkanäle, Versatz, Tempo und Schnitte einstellen, live ansehen und reines CSS kopieren.
Jetzt ausprobierenCSS-Textmarker-Generator
Text wie mit einem Textmarker hervorheben: Marker, Box oder Pinselstrich, Farbe, Höhe und optionale Animation – CSS kopieren.
Jetzt ausprobierenCSS-Werkzeuge & Konverter
SCSS, LESS und Stylus kompilieren, CSS umwandeln, formatieren, minifizieren und prüfen – direkt im Browser, ohne Upload.
SCSS zu CSS
SCSS und Sass online in CSS kompilieren – mit dem offiziellen Dart-Sass-Compiler im Browser, Fehlern mit Zeilenangabe und Minify-Option.
Jetzt ausprobierenLESS zu CSS
LESS online in CSS umwandeln: Variablen, Mixins und Verschachtelung mit dem offiziellen LESS-Compiler im Browser kompilieren.
Jetzt ausprobierenStylus zu CSS
Stylus-Code online in CSS kompilieren: Variablen, Verschachtelung und Funktionen, Ausgabe lesbar oder minifiziert.
Jetzt ausprobierenCSS zu SCSS
Normales CSS in verschachteltes SCSS umwandeln: Selektoren gruppieren, &:hover erzeugen und mehrfach genutzte Farben als Variablen auslagern.
Jetzt ausprobierenCSS zu LESS
CSS in verschachteltes LESS umwandeln, Selektoren gruppieren und wiederkehrende Farben als @-Variablen auslagern.
Jetzt ausprobierenCSS zu Stylus
CSS in eingerückte Stylus-Syntax umwandeln: ohne Klammern und Semikolons, verschachtelt und mit Farbvariablen.
Jetzt ausprobierenCSS formatieren
Unleserliches oder minifiziertes CSS, SCSS und LESS sauber formatieren – mit Prettier, wählbarer Einrückung und Anführungszeichen.
Jetzt ausprobierenCSS minifizieren
CSS verkleinern und optimieren: Leerzeichen und Kommentare entfernen, Regeln zusammenfassen, Ersparnis in Kilobyte und Prozent sehen.
Jetzt ausprobierenCSS-Validator
CSS online prüfen: unbekannte Eigenschaften, ungültige Werte und Syntaxfehler mit Zeile, Spalte und deutscher Erklärung finden.
Jetzt ausprobierenCSS zu JavaScript-Objekt
CSS in JavaScript-Objekte oder JSON umwandeln: camelCase-Eigenschaften für React-Styles, CSS-in-JS und Styled Objects.
Jetzt ausprobierenLogical-Properties-Konverter
Physische CSS-Eigenschaften wie margin-left oder top automatisch in Logical Properties wie margin-inline-start umwandeln – mit Änderungsliste.
Jetzt ausprobierenUngenutztes CSS finden
CSS mit HTML abgleichen und ungenutzte Selektoren finden, Ersparnis anzeigen und bereinigtes CSS kopieren – lokal im Browser.
Jetzt ausprobierenHTML-Werkzeuge
HTML formatieren, minifizieren und prüfen, in Markdown oder Pug umwandeln, Tabellen bauen und live im Editor testen.
HTML-Online-Editor
HTML, CSS und JavaScript im Browser schreiben und sofort sehen: Live-Vorschau, Konsole, Speichern im Browser und Download als HTML-Datei.
Jetzt ausprobierenHTML formatieren
Unleserliches oder minifiziertes HTML sauber einrücken und formatieren – mit Prettier, inklusive eingebettetem CSS und JavaScript.
Jetzt ausprobierenHTML minifizieren
HTML verkleinern: Kommentare und Leerzeichen entfernen, Attribute kürzen und Inline-CSS optimieren – mit Ersparnis in Prozent.
Jetzt ausprobierenHTML-Validator
HTML prüfen: falsch verschachtelte Tags, fehlende Attribute, doppelte IDs und Barrierefreiheitsfehler mit Zeile und Erklärung finden.
Jetzt ausprobierenHTML zu Markdown
HTML in sauberes Markdown umwandeln: Überschriften, Listen, Links, Bilder, Code und Tabellen – lokal im Browser.
Jetzt ausprobierenMarkdown zu HTML
Markdown in HTML umwandeln mit Live-Vorschau: GitHub-Tabellen, Code-Blöcke, Aufgabenlisten und Zeilenumbrüche.
Jetzt ausprobierenHTML zu Pug
HTML in Pug (ehemals Jade) umwandeln: kurze Tag-Syntax mit .klassen und #ids, Attribute, Texte und Skripte korrekt eingerückt.
Jetzt ausprobierenPug zu HTML
Pug-Templates im Browser zu HTML kompilieren: Variablen, Schleifen, Bedingungen und Mixins mit lesbarer oder kompakter Ausgabe.
Jetzt ausprobierenHTML-Tabellen-Generator
HTML-Tabellen bauen: Zeilen und Spalten bearbeiten, CSV einfügen, Kopfzeile, Beschriftung und Stil wählen – barrierefreies HTML und CSS.
Jetzt ausprobierenHTML-Entities kodieren und dekodieren
Sonderzeichen in HTML-Entities umwandeln und zurück: Umlaute, Anführungszeichen, <, > und & sicher für HTML schreiben.
Jetzt ausprobierenHTML-Sonderzeichen
Alle wichtigen HTML-Sonderzeichen mit Entity-Name, Zahlencode und Unicode: Pfeile, Währungen, Typografie, Mathematik – per Klick kopieren.
Jetzt ausprobierenHTML-Farbnamen
Alle 148 CSS- und HTML-Farbnamen mit HEX- und RGB-Wert, sortiert nach Farbfamilie oder Name – Suche und Kopieren per Klick.
Jetzt ausprobierenEinheiten & Skalen
px, rem, Viewport-Einheiten, Seitenverhältnisse, Typografie- und Abstandsskalen sowie fließende Größen berechnen.
PX-REM-EM-Umrechner
px in rem und em umrechnen mit einstellbarer Root-Schriftgröße – live, mit Tabelle gängiger Werte, kostenlos ohne Anmeldung.
Jetzt ausprobierenSeitenverhältnis-Rechner
Seitenverhältnis aus Breite und Höhe berechnen oder die fehlende Seite ermitteln – mit CSS aspect-ratio und Tailwind-Klasse.
Jetzt ausprobierenViewport-Einheiten-Rechner
Pixel in vw, vh, dvh, svh, vmin und vmax umrechnen und zurück – für jede Viewport-Größe, kostenlos und ohne Anmeldung.
Jetzt ausprobierenGoldener-Schnitt-Rechner
Goldenen Schnitt berechnen: größere und kleinere Seite, Gesamtlänge und Skala nach 1,618 – mit Vorschau und CSS-Grid-Code.
Jetzt ausprobierenUI-Zeichenzähler
Zeichen, Wörter und Zeilen zählen und Texte gegen typische UI-Limits für Buttons, Titel und Meta-Tags prüfen – live im Browser.
Jetzt ausprobierenZeilenhöhe-Rechner
line-height berechnen: aus Schriftgröße und Verhältnis die Zeilenhöhe in px, Prozent und unitless ermitteln – CSS und Tailwind.
Jetzt ausprobierenSpacing-Skala-Generator
Abstandsskala aus einem Basiswert wie 4 px erzeugen, linear oder geometrisch – mit CSS-Variablen und Tailwind-Export.
Jetzt ausprobierenTypografie-Skala-Generator
Modulare Typografie-Skala aus Basisgröße und Verhältnis erzeugen – mit Vorschau, rem-Werten und Export für CSS und Tailwind.
Jetzt ausprobierenCSS-clamp()-Rechner
clamp() berechnen: aus Mindest- und Höchstwert sowie Viewport-Breiten eine fließende CSS-Größe erzeugen – mit Vorschau.
Jetzt ausprobierenFluid-Typografie-Generator
Fließende Schriftgrößen zwischen zwei Viewport-Breiten erzeugen und als clamp()-Variablen für CSS und Tailwind ausgeben.
Jetzt ausprobierenFluid-Spacing-Generator
Fließende Abstände für Padding, Margin und Gap als clamp()-Skala erzeugen – mit Live-Vorschau und Export für CSS und Tailwind.
Jetzt ausprobierenUI-Dichte-Rechner
Interface-Dichten Compact, Default und Comfortable aus Basisgrößen ableiten – Höhen, Abstände und Icons mit CSS-Export.
Jetzt ausprobierenTouch-Target-Prüfer
Größe von Touch-Zielen prüfen: WCAG 2.2 mit 24 und 44 px, Apple 44 pt und Material 48 dp – mit Abstand und Empfehlung.
Jetzt ausprobierenCSS-Einheiten-Übersicht
Alle CSS-Längeneinheiten im Vergleich: px, rem, em, vw, vh, ch, cm, pt und mehr live in deinem Browser gemessen und umgerechnet.
Jetzt ausprobierenBilder & SVG
SVG bearbeiten und optimieren, Favicons, Platzhalterbilder, Mockups und responsive Bilder – lokal im Browser.
SVG-zu-CSS-Konverter
SVG-Code in eine CSS-Data-URL für background-image umwandeln – URL-kodiert oder Base64, fertig zum Einfügen ins Stylesheet.
Jetzt ausprobierenPlatzhalterbild-Generator
Platzhalterbilder in beliebiger Größe erzeugen: Farben und Text wählen, als SVG, Data-URL oder PNG herunterladen – lokal.
Jetzt ausprobierenResponsive-Bilder-Rechner
srcset und sizes berechnen: aus Bildbreite, Layout und Breakpoints sinnvolle Bildgrößen und fertigen img-Code erzeugen.
Jetzt ausprobierenSVG-Farben ändern
Fill- und Stroke-Farben in SVG-Code erkennen, ersetzen und das angepasste SVG kopieren oder herunterladen – lokal im Browser.
Jetzt ausprobierenFavicon-Generator
Favicons aus einem Bild erzeugen: ICO, PNG in allen Größen, Apple Touch Icon und fertiger HTML-Code als ZIP – lokal.
Jetzt ausprobierenBildformat-Konverter
Bilder lokal in PNG, JPG, WebP oder AVIF umwandeln: Qualität einstellen, Größen vergleichen und herunterladen – ohne Upload.
Jetzt ausprobierenSVG-Optimierer
SVG-Code verkleinern: Metadaten, Kommentare und unnötige Attribute entfernen – mit Vorher-Nachher-Größe und Vorschau.
Jetzt ausprobierenDevice-Mockup-Generator
Screenshots in Browser-, Smartphone-, Tablet- oder Laptop-Mockups einsetzen und als PNG exportieren – lokal, ohne Upload.
Jetzt ausprobierenCSS-Sprite-Generator
Mehrere Bilder zu einem Sprite zusammenfügen, als PNG herunterladen und CSS-Klassen mit background-position erhalten – lokal im Browser.
Jetzt ausprobierenBild zu Data-URI
Bilder in Base64-Data-URIs umwandeln: fertig als CSS-Hintergrund, img-Tag oder Markdown, mit Größenvergleich – lokal im Browser.
Jetzt ausprobierenDesign-System & UX
Design-Tokens, Tailwind-Konfiguration, Schriftkombinationen, Testdaten und Prüfwerkzeuge für UI und UX.
Schriftkombinationen-Vorschau
Zwei Schriften kombinieren und live für Headline, Fließtext und UI ansehen – mit selbst gehosteten Fonts und CSS-Export.
Jetzt ausprobierenTailwind-Config-Generator
Tailwind-Konfiguration visuell erstellen: Farben, Schrift, Abstände, Radien und Schatten – Export für Tailwind v4 und v3.
Jetzt ausprobierenTailwind-zu-CSS-Konverter
Tailwind-Klassen in echtes CSS umwandeln: Klassen eingeben und die erzeugten Regeln mit Tailwind v4 sofort ansehen.
Jetzt ausprobierenCSS-zu-Tailwind-Konverter
CSS in Tailwind-Klassen umwandeln: passende Utilities oder arbitrary values, nicht umsetzbare Regeln werden markiert.
Jetzt ausprobierenDesign-Token-Generator
Design-Tokens für Farben, Typografie, Abstände, Radien, Schatten und Breakpoints definieren und als CSS, JSON, Tailwind oder SCSS exportieren.
Jetzt ausprobierenResponsive-Breakpoint-Tester
Website in mehreren Viewport-Größen parallel ansehen: Breakpoints wählen, URL eingeben und Layouts vergleichen.
Jetzt ausprobierenUI-Testdaten-Generator
Realistische deutsche Testdaten für UI-Mockups erzeugen: Personen, E-Mails, Firmen, Produkte, Preise, Tabellen und mehr.
Jetzt ausprobierenAlltag & Generatoren
Passwort, QR-Code, IBAN, Sprüche – Alltags-Utilities lokal im Browser, ohne Anmeldung.
Passwort-Generator
Passwort Generator: sichere Zufallspasswörter und deutsche Passphrasen – lokal im Browser, ohne Speichern und ohne Anmeldung.
Jetzt prüfenQR-Code-Generator
QR-Code erstellen für Link, WLAN, Visitenkarte, Text oder Girocode – als PNG oder SVG speichern, kostenlos, ohne Anmeldung.
Jetzt prüfenSprüche-Generator
Sprüche und Texte für WhatsApp und Social Media: lustig, kurz, geschäftlich oder für die Familie – kopieren und absenden, kostenlos ohne Anmeldung.
Jetzt prüfenIBAN-Prüfer
IBAN prüfen: Prüfziffer kontrollieren und aus BLZ plus Konto erzeugen – kostenlos im Browser, ohne Live-Bankabruf und ohne Anmeldung.
Jetzt prüfenWie ist meine IP?
IP-Adresse anzeigen: die öffentliche IPv4- oder IPv6-Adresse deiner Verbindung sofort sehen und kopieren – kostenlos, ohne Anmeldung.
Jetzt prüfenText & Code
Groß- und Kleinschreibung umwandeln, doppelte Zeilen entfernen, Cron-Ausdrücke erstellen – Helfer für Text und Entwicklung.
Groß- und Kleinschreibung umwandeln
Text in GROSSBUCHSTABEN, kleinbuchstaben, Satzanfang groß, camelCase, snake_case, kebab-case und mehr umwandeln – mit Umlauten.
Jetzt ausprobierenDoppelte Zeilen entfernen
Doppelte Zeilen in Listen finden und entfernen, optional ohne Groß-/Kleinschreibung und Leerzeichen, sortieren und Duplikate zählen.
Jetzt ausprobierenCron-Generator
Cron-Ausdrücke erstellen und verstehen: Felder für Minute bis Wochentag, Erklärung auf Deutsch und die nächsten Ausführungszeiten.
Jetzt ausprobierenDateien umwandeln
Bilder, HEIC und PDFs lokal im Browser wandeln oder komprimieren – ohne Upload, ohne Anmeldung.
Bilder zu PDF
JPG, PNG, WebP und HEIC in ein PDF verwandeln – A4, eigenes Format oder Bildgröße, lokal im Browser, ohne Upload und ohne Anmeldung.
Jetzt umwandelnHEIC zu JPG
HEIC und HEIF vom iPhone in JPG oder PNG umwandeln – mehrere Fotos als ZIP, lokal im Browser, ohne Upload und ohne Anmeldung.
Jetzt umwandelnPDF zusammenfügen
PDFs zusammenfügen oder Seiten teilen – Reihenfolge ändern, Bereich wählen, ZIP für Einzelseiten, lokal im Browser ohne Upload.
Jetzt umwandelnPDF komprimieren
PDF verkleinern – Fotos in der Datei neu komprimieren, Text bleibt, lokal im Browser, ohne Upload und ohne Anmeldung.
Jetzt umwandelnBilder komprimieren
Bilder verkleinern: JPG, PNG, WebP und HEIC komprimieren – Qualität und Kantenlänge, lokal im Browser, ohne Upload.
Jetzt umwandelnSammeln & Hobby
Tools rund um Sammel-Hobbys wie LEGO® – z. B. Sammlungswert ermitteln.
LEGO®-Sammlungswert-Rechner
Aktuellen Marktwert einer LEGO®-Sammlung anhand von Set-Nummern ermitteln – Neu- und Gebraucht-Preise auf Basis aktueller Marktdaten.
In Arbeit3D-Druck
STL-Dateien ansehen und prüfen, 3D-Text, Lithophanien und SVG-Modelle erzeugen – alles lokal im Browser.
STL-Viewer: STL-Datei online ansehen
STL-Datei online ansehen: Modell im Browser drehen, zoomen und verschieben, mit Maßen und Dreiecken. Ohne Upload und Installation, auch auf dem Smartphone.
Jetzt prüfenSTL-Analyse: Volumen und Fehler prüfen
STL-Datei analysieren: Maße, Volumen, Oberfläche und offene Kanten eines 3D-Modells ermitteln, mit Gewichtsgrenze und Kosten. Lokal im Browser ohne Upload.
Jetzt prüfen3D-Text-Generator: Text als STL erstellen
3D-Text als STL erstellen: Schriftzug mit Höhe, Tiefe und optionaler Grundplatte als druckbare Datei erzeugen, mit Live-Vorschau, ohne CAD und ohne Upload.
Jetzt prüfenLithophane-Generator: Foto als 3D-Druck
Lithophanie erstellen: Foto in ein druckbares Relief umwandeln, mit Breite, Stärke und Detailgrad einstellbar und STL-Download. Das Foto bleibt auf deinem Gerät.
Jetzt prüfenSVG zu STL: Vektorgrafik als 3D-Modell
SVG in STL umwandeln: Vektorgrafik auf Breite und Höhe extrudieren und als druckbare STL-Datei speichern, für Logos und Schablonen, lokal im Browser.
Jetzt prüfen