Kostenlose Webdesign-
Tools & Generatoren
die dir jede Menge Arbeit sparen.
HTML Referenz
Die HTML-Elemente visuell erklärt
CSS Referenz
Die CSS-Eigenschaften visuell erklärt
Kreativitätstechniken
Sammlung von 27 Kreativitätstechniken
Brand Colors
Die offiziellen Farbtöne bekannter Marken
Farbinspirationen
Fertige Farbpaletten – nach Branche, Stimmung und Wirkung sortiert
CSS Gradient Generator
Farbverläufe visuell erstellen und als CSS kopieren
Farbkontrast-Prüfer
Farbkombinationen auf WCAG-Konformität testen
Wort- und Zeichenzähler
Wörter und Zeichen sofort ermitteln
Google Snippet Optimierer
Title und Description für Suchergebnisse (SERP) testen
HTML-Sonderzeichen
Entities und Sonderzeichen zum Nachschlagen
Blindtextgenerator
Platzhaltertexte in verschiedenen Stilen erzeugen
Google Fonts Kombinator
Schriftpaare für Headlines und Fließtext testen
Mini-Branding Generator
Schriften und Farben zu einem Look kombinieren
Übungsgenerator
Fiktive Projekt-Briefings für Design-Übungen
Groß-/Kleinbuchstaben
Texte in verschiedene Schreibweisen umwandeln
Websichere Farben
Die klassische 216-Farben-Palette im Überblick
Farbpalette aus Bild
Dominante Farben aus Bildern extrahieren
Monochrome Farbpaletten
Abstufungen einer Farbe als Palette generieren
Ausreden-Generator
Humorvolle Erklärungen für den Arbeits- & Agenturalltag
Doodles-Sammlung
Handgezeichnete Illustrationen als SVG-Download
Color Design System
Kuratierte Farbpaletten in allen Code-Formaten
HTML to Markdown
HTML-Code in lesbares Markdown konvertieren
Markdown Vorschau
Markdown-Text in Echtzeit gerendert sehen
Du hast eine Idee für ein neues Tool?
Oder Verbesserungsvorschläge für ein bestehendes?
Ich freue mich über dein Feedback – denn die besten Werkzeuge entstehen aus echten Bedürfnissen im Arbeitsalltag:
martin@webdesign-journal.de