Design-Tools
Eine Farbe vom Bildschirm aufnehmen, CSS-Verläufe bauen, QR-Codes und Barcodes erzeugen, SVGs in der Vorschau ansehen, auf Pixelfehler prüfen oder den passenden Farbhintergrund finden. Leichte visuelle Aufgaben — ganz ohne große Design-Suite.
Design-Tools
Farbwähler
Kostenloses Online-Farbwähler-Tool mit HEX, RGB, HSL Formate. Farbpaletten erstellen, Webfarben abrufen, Design-Effizienz steigern.
Farbverlauf-Generator
Kostenloser Online-CSS-Farbverlauf-Generator zum Erstellen linearer und radialer Farbverlauf-Hintergründe.
QR-Code Generator
Kostenloser Online-QR-Code-Generator mit Text, URL, vCard-Typen. Stil, Farbe, Größe anpassen, hochwertige Bilder sofort herunterladen.
Barcode-Generator
Kostenloser Online-Barcode-Generator. Unterstützt CODE128, EAN13, EAN8, UPC, CODE39, ITF14 Formate.
Bildschirmtest
Kostenloses Online-Bildschirmtest-Tool zum Erkennen von toten Pixeln, hellen Flecken und Hintergrundbeleuchtungsbluten.
Einfarbiger Hintergrund-Generator
Erstelle online einfarbige Hintergrundbilder. Passe Farbe und Größe mit Vorlagen an (1080p, 2K, 4K), lade als PNG/JPG herunter.
SVG-Viewer
Online SVG-Viewer und Editor mit Live-Vorschau. SVG-Code bearbeiten, Änderungen in Echtzeit visualisieren und SVG-Dateien herunterladen.
Schriftvorschau
Vorschau des eigenen Textes in jeder auf diesem Gerät installierten Schrift oder per hochgeladener TTF-, OTF-, WOFF- oder WOFF2-Datei. Größe, Gewicht, Abstände und Farbe einstellen und fertiges CSS kopieren. Alles lokal im Browser.
Was diese Kategorie kann
Designwerkzeuge helfen bei der Erstellung und Überprüfung visueller Assets: Farben, Farbverläufe, QR-Codes, Barcodes, Bildschirmtests, Vollfarben und SVG-Vorschau. du bist auf UI-Arbeit, Druckübergabe und Display-Prüfung ausgerichtet, nicht auf Bitmap-Komprimierung oder Office-Dokumentenkonvertierung.
Die meisten Tools verarbeiten Eingaben wenn möglich im Browser. Bei Dateien, Tokens, Dokumenten oder Netzwerkprüfungen solltest du das jeweilige Tool vor der Nutzung sensibler Daten überprüfen.
Häufige Anwendungsfälle
- Farben auswählen, Farbverläufe erstellen oder eine Vollfarbe bei der Vorbereitung von UI-Assets anzeigen.
- QR-Codes oder Barcodes für Etiketten, Poster, Testdaten oder Übergabematerial generieren.
- SVG-Markup in der Vorschau anzeigen und Bildschirmtests auf tote Pixel, Farbblöcke oder Gleichmäßigkeit durchführen.
Häufige Fragen
Warum sehen Farben auf einem anderen Bildschirm anders aus?
Kalibrierung, Farbprofil, Helligkeit und Panel-Typ beeinflussen alle die wahrgenommene Farbe.
Was sollte ich vor dem Drucken eines QR-Codes prüfen?
Teste endgültige Größe, Kontrast, Ruhezone und Material. Verzerrung kann das Scannen unzuverlässig machen.
Sind SVG-Dateien immer sicher in der Vorschau?
Behandle unbekannte SVG als nicht vertrauenswürdig, da SVG je nach Rendering aktiven Inhalt enthalten kann.
Können generierte Farbverläufe in CSS kopiert werden?
Normalerweise ja, aber ältere Browser-Unterstützung oder projektspezifische Syntax können Anpassungen erfordern.
Verwandte Kategorien
Bilder
Zu große Fotos ohne sichtbaren Qualitätsverlust verkleinern, zwischen PNG, JPEG und WebP stapelweise konvertieren, Textwasserzeichen einfügen, in Graustufen umwandeln, Passfotos erstellen oder den Bildschirm aufzeichnen. Einige Tools laufen vollständig im Browser; Bildkomprimierung und Formatkonvertierungen werden auf einem Server verarbeitet, und hochgeladene Dateien werden unmittelbar nach Abschluss gelöscht.
Hardware
Klemmende Taste? Pixelfehler? Mikrofon nimmt nichts auf? Bevor du Ersatz kaufst, mach einen Schnelltest. Jede Taste prüfen, Bildwiederholrate feststellen, Kamera und Mikrofon testen oder den Geräuschpegel mit dem Dezibelmesser messen.
Entwickler-Tools
Die kleinen Dinge, die den Entwickleralltag auffressen: HTTP-Statuscodes nachschlagen, UUIDs generieren, Cron-Ausdrücke schreiben, MIME-Typen prüfen, User-Agent-Strings parsen oder TypeScript-Typen aus JSON ableiten. Setz ein Lesezeichen — das geht schneller als in der Doku zu wühlen.
