Kategorien
Design und Assets
Erzeugen Sie Farben, CSS und leichte Design-Assets. Diese Sammlung bündelt schnelle, fokussierte Utility-Seiten für konkrete Aufgaben.
75 Tools
Accordion-CSS-Generator
Erzeuge CSS für Accordion-Panels.
Artikel-Schema-Generator
Erzeuge Article JSON-LD Schema.
Aspect Ratio Rechner
Berechne vereinfachte Seitenverhältnisse und CSS-aspect-ratio-Werte.
Avatar-Stack-CSS-Generator
Erzeuge überlappende Avatar-Stacks mit CSS.
Barcode-Generator
Erzeuge barcode images für product IDs und codes.
Bild Filter Studio
Wende browserseitige Farb- und Weichzeichnungsfilter auf ein hochgeladenes Bild an.
Bild Palette Extraktor
Extrahiere dominante Farben aus einem hochgeladenen Bild vollständig im Browser.
Bild Wasserzeichen
Stemple Text lokal auf ein Bild und exportiere das Ergebnis.
Bild zu Favicon Pack
Erzeuge ein favicongroßes PNG-Paket aus einem hochgeladenen Bild im Browser.
Blob-Shape-CSS-Generator
Erzeuge organische Blob-Formen mit CSS.
Border-Radius-Generator
Erzeuge border-radius-CSS aus einzelnen Eckwerten.
Box-Shadow-Generator
Erzeuge CSS-box-shadow-Werte mit benutzerdefinierten Offsets und Weichzeichnung.
Breadcrumb-Schema-Generator
Erzeuge JSON-LD breadcrumb Schema.
Card-Hover-CSS-Generator
Erzeuge ein CSS-Snippet für Hover-Effekte auf Karten.
Contrast Prüfer
Berechne das WCAG-Kontrastverhältnis zwischen zwei Farben.
CSS Formatierer
Formatiere CSS mit gut lesbarer Einrückung.
CSS Minimierer
Minifiziere CSS durch Entfernen von Kommentaren und zusätzlichem Leerraum.
CSS-Button-Generator
Erzeuge styled CSS Schaltfläche code.
CSS-Clamp-Generator
Erzeuge fließende CSS-clamp()-Werte für Typografie.
CSS-Dreieck-Generator
Erzeuge CSS-Dreiecke für Pfeile und kleine Indikatoren.
CSS-Filter-Generator
Erzeuge CSS-Filterwerte mit visueller Effektvorschau.
CSS-Gradient-Generator
Erzeuge einen linearen Verlauf und kopiere das CSS sofort.
CSS-Gradient-Text-Generator
Erzeuge CSS für gradient-colored Text.
CSS-Grid-Generator
Erzeuge CSS-Grid-Layouts mit Spalten, Abstand und Zeilengrößen.
CSS-Transform-Generator
Erstelle CSS-transform-Zeichenketten aus gängigen Transformationswerten.
Dot-Pattern-CSS-Generator
Erzeuge CSS-Muster für gepunktete Hintergründe.
E-Mail-Signatur-Generator
Erstelle einen professionellen E-Mail-Signaturblock.
Event-Schema-Generator
Erzeuge Event JSON-LD structured data.
Farbe Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbformaten.
Farbe Palette Generator
Erzeuge hellere und dunklere Abstufungen aus einer Basisfarbe.
Favicon-Generator
Erstellen Sie ein einfaches SVG-Favicon aus Initialen und Markenfarben.
Flexbox-Generator
Erzeuge Flex-Container-CSS mit einer Live-Layoutvorschau.
Floating Label Eingabe CSS Generator
Erzeuge floating label Eingabe CSS.
Focus-Ring-CSS-Generator
Erzeuge barrierefreies CSS für Fokus-Ringe.
Glass-Panel-CSS-Generator
Erzeuge CSS für Panels im Glassmorphism-Stil.
Gradient-Border-CSS-Generator
Erzeuge CSS-Stile für Farbverlauf-Rahmen.
Grundlinienraster-Generator
Erzeuge Grundlinienraster-Werte und CSS für sauberen vertikalen Rhythmus.
Hamburger-Button-CSS-Generator
Erzeuge CSS-Stile für Hamburger-Menü-Buttons.
Hero-Background-CSS-Generator
Erzeuge CSS für Hero-Hintergründe.
Lokales-Unternehmen-Schema-Generator
Erzeuge LocalBusiness JSON-LD Schema.
Marquee-Banner-CSS-Generator
Erzeuge CSS für laufende Marquee-Banner.
Mesh-Gradient-CSS-Generator
Erzeuge CSS für Mesh-Gradient-Hintergründe.
Modal-Backdrop-CSS-Generator
Erzeuge CSS-Effekte für Modal-Hintergründe.
Neumorph-Panel-CSS-Generator
Erzeuge CSS für Panels im Neumorphism-Stil.
Noise-Overlay-CSS-Generator
Erzeuge CSS-Stile für Noise-Overlays.
Outline-Button-CSS-Generator
Erzeuge minimales CSS für Outline-Buttons.
Pill-Badge-CSS-Generator
Erzeuge CSS für pillenförmige Badge-Stile.
Platzhalter-SVG-Generator
Erzeuge anpassbare SVG-Platzhalterbilder.
Pricing-Card-CSS-Generator
Erzeuge CSS-Stile für Pricing-Karten.
Produkt-Schema-Generator
Erzeuge Product JSON-LD Schema markup.
Progress-Bar-CSS-Generator
Erzeuge CSS-Komponenten für Fortschrittsleisten.
QR-Code-Generator
Erzeuge QR code Bild links für URLs und Text.
Range-Slider-CSS-Generator
Erzeuge individuelles CSS für Range-Slider.
Ribbon-Card-CSS-Generator
Erzeuge CSS für Karten mit Ribbon-Badge.
Robots-Meta-Tag-Generator
Erzeuge robots meta Tags für indexing controls.
Schatten-Paletten-Generator
Erzeuge a 5-step CSS shadow scale.
Scrollbar-CSS-Generator
Erzeuge CSS für individuelle Scrollbars.
Skeleton-Loader-CSS-Generator
Erzeuge CSS-Snippets für Skeleton-Loader.
Spinner-Loader-CSS-Generator
Erzeuge CSS-Snippets für Spinner-Loader.
Status-Indicator-CSS-Generator
Erzeuge CSS für Live-Status-Badges.
SVG Formatierer
Format SVG markup mit consistent indentation.
SVG Optimierer
Entfernen Sie Kommentare und reduzieren Sie Leerraum im SVG-Markup.
SVG zu Base64
Konvertiere SVG markup into Base64 und data URI Ausgabe.
SVG zu Data URI
Wandle SVG-Markup in eine CSS-fertige Data-URI um.
SVG-Viewer
Zeige rohes SVG-Markup direkt im Browser an.
Tab-Pills-CSS-Generator
Erzeuge CSS für runde Tab-Pills.
Text-Shadow-CSS-Generator
Erzeuge text-shadow-CSS schnell und direkt.
Timeline-CSS-Generator
Erzeuge CSS für vertikale Timelines.
Toast-CSS-Generator
Erzeuge CSS-Stile für Toast-Benachrichtigungen.
Toggle-Switch-CSS-Generator
Erzeuge CSS-Stile für Toggle-Switches.
Tooltip-CSS-Generator
Erzeuge CSS-Snippets für Tooltips.
Twitter-Card-Generator
Erzeuge Twitter Karte meta Tags für Seiten.
Underline-Link-CSS-Generator
Erzeuge CSS für animierte Unterstreichungen bei Links.
Wave-Divider-CSS-Generator
Erzeuge CSS- und SVG-Snippets für Wellen-Trenner.
Zebra-Table-CSS-Generator
Erzeuge Zebra-Stripe-CSS für Tabellen.