Wir haben auf unserer Seite in den letzten Tagen einen neuen Bereich mit einigen kostenlosen Webdesign- und CSS-Tools ergänzt.
Entstanden ist das Ganze vor allem aus dem Gedanken heraus, kleinere Dinge beim Webdesign schnell direkt im Browser ausprobieren zu können – zum Beispiel Farben, Verläufe, Schatten oder Buttons, ohne jedes Mal alles von Hand vorbereiten zu müssen.
Inzwischen sind dort neun Werkzeuge zusammengekommen:
| Tool | Wofür gedacht |
|---|---|
| Trendfarben 2026 | Aktuelle Farben und Farbkombinationen entdecken |
| Farbpaletten-Generator | Harmonische Farbpaletten zusammenstellen |
| Kontrast-Checker | Farbkontraste und WCAG AA/AAA prüfen |
| Gradienten-Generator | CSS-Farbverläufe erstellen |
| Box-Shadow-Generator | Schatten für Webelemente ausprobieren |
| Border-Radius-Generator | Rundungen und Formen erstellen |
| Glassmorphism-Generator | Glas-, Blur- und Transparenzeffekte gestalten |
| Button-Generator | Buttons inklusive Hover-Effekten erstellen |
| Text-Shadow- & Neon-Text-Generator | Schatten-, Glow-, Neon- und 3D-Texte testen |
Die Einstellungen können direkt ausprobiert werden und bei vielen Tools lässt sich der fertige CSS-Code anschließend übernehmen.
Die Generatoren sind dabei ausdrücklich nur als kleine Hilfsmittel gedacht. Sie sollen weder individuelles Webdesign noch die Arbeit von Grafikern und Designern ersetzen. Für eigene Ideen und individuelle Gestaltungen braucht es natürlich weiterhin Kreativität und Erfahrung.
Wir haben zusätzlich eine Übersichtsseite erstellt, auf der alle Tools gesammelt zu finden sind:
Vielleicht ist das für den einen oder anderen, der selbst an Webseiten arbeitet oder gelegentlich CSS benötigt, ganz nützlich.
Über Hinweise, Fehler oder Verbesserungsvorschläge freuen wir uns natürlich ebenfalls.