Generatoren & Design
37 Tools · Kostenloses Online-Tool
Farb-Tool
Farbformate umwandeln und Paletten generieren.
CSS-Gradient-Generator
CSS-Gradients mit Live-Vorschau generieren.
QR-Code-Generator
QR-Codes aus Text oder URLs generieren.
ASCII-Art-Generator
Text in ASCII-Art umwandeln.
Token-Schätzer
LLM-Token-Anzahl für Text schätzen.
WiFi-QR-Code-Generator
QR-Codes zum Beitreten von WiFi-Netzwerken generieren.
Lorem-Ipsum-Generator
Lorem-Ipsum-Platzhaltertext generieren.
Farbvarianten
Farbtöne und Schattierungen einer beliebigen Farbe erzeugen.
UUID-v7-Generator
Zeitsortierte UUID-Version-7-(RFC 9562)-Identifikatoren generieren.
PEM-Zertifikat-Parser
X.509-Zertifikate aus PEM-Format parsen und Felder inspizieren.
Barcode-Generator
CODE128/EAN/UPC-Barcodes als PNG/SVG generieren.
Data-Matrix-Code-Generator
Data-Matrix-2D-Codes generieren (quadratisches Punktraster).
Aztec-Code-Generator
Aztec-2D-Codes generieren, häufig in Tickets.
PDF417-Barcode-Generator
PDF417-gestapelte Barcodes mit großer Datenkapazität generieren.
Farbpaletten-Generator
Komplementäre/analoge/triadische Paletten aus einer Seed-Farbe generieren.
CSS-Box-Shadow-Generator
Box-Shadow-CSS visuell generieren mit Live-Vorschau.
CSS-Border-Radius-Generator
Vier-Ecken-Radius visuell anpassen und CSS generieren.
Flexbox-Generator
Flexbox-Layout-CSS visuell generieren.
CSS-Grid-Generator
Per Drag grid-template-Layout-CSS generieren.
CSS-Transform-Generator
Translate/rotate/scale/skew visuell generieren.
CSS-Animations-Generator
Keyframes visuell bearbeiten und @keyframes generieren.
CSS-Text-Shadow-Generator
Mehrschichtige text-shadow-CSS generieren.
Platzhalterbild-Generator
Platzhalterbilder mit benutzerdefinierter Größe/Farbe/Text generieren.
Avatar-Generator
Identicon-geometrische Avatare aus Strings generieren.
Streifenmuster-Generator
SVG/Canvas-Streifenmuster mit anpassbarer Richtung generieren.
Punktmuster-Generator
Punktraster-Hintergrundmuster generieren, als SVG exportieren.
Rauschmuster-Generator
Perlin-/Zufallsrauschen-Texturbilder generieren.
Farbschema aus Bild
Dominante Farben aus Bild extrahieren, um Palette zu generieren.
Skeleton-Loader-Generator
Skeleton-Screen-Ladeanimations-CSS generieren.
Glassmorphism-Generator
Frosted-Glass-Effekt-CSS generieren (Unschärfe + Transparenz).
Neumorphism-Generator
Neomorphe-UI-Stil-CSS generieren.
CSS-Clip-Path-Generator
Pfade visuell zeichnen, um clip-path zu generieren.
Cubic-Bezier-Generator
Bezier-Kurve visuell anpassen, um Easing-Funktion zu generieren.
CSS-Easing-Generator
CSS transition-timing-function generieren und vorab anzeigen.
Tailwind-Farben-Finder
Nächste Tailwind-Farbpaletten-Klasse für eine Farbe finden.
Material-Farbwähler
Material-Design-Farbpaletten-Wähler, Farbwerte ausgeben.
Polygon-Form-Generator
Polygon-/Stern-SVG und clip-path generieren.