Werkzeuge Praxishandbuch Über uns

105 kostenlose IT-Tools/Gestaltung

Kostenlose Design-Tools

Farbverläufe, Farbpaletten, Box-Shadows, Favicons und Layout-Helfer für Designer und Frontend-Entwickler. Kostenlos, sofort einsatzbereit und privat — alles läuft im Browser.

18 kostenlose Tools

🎨Farbpalette

Extrahieren Sie Farbpaletten aus Bildern oder erstellen Sie harmonische Farbschemata für Ihre Projekte.

▫Favicon-Generator

Erstellen Sie Favicons aus Text, Emoji oder Uploads. Exportieren Sie alle Größen für Web und Mobile.

🎯Farbkonverter

Konvertieren Sie Farben zwischen HEX, RGB, HSL und CMYK mit Live-Vorschau.

Generieren Sie Platzhaltertext in Absätzen, Sätzen oder Wörtern mit individueller Länge.

16:9Seitenverhältnisrechner

Berechnen Sie Seitenverhältnisse mit Sperrmodus, gängigen Voreinstellungen und Größenänderungsrechner.

AaKontrastprüfer

WCAG-Barrierefreiheits-Kontrastprüfer. AA/AAA-Konformität, Farbvorschläge, Live-UI-Vorschau.

□Platzhalterbild

Generieren Sie benutzerdefinierte Platzhalterbilder mit Farben, Text, Mustern und Verläufen. PNG- und SVG-Export.

SVG einfügen, gerendert anzeigen, Dateigröße optimieren, Farben bearbeiten und als SVG/PNG/Data-URI exportieren.

✦CSS-Animations-Builder

Gestalten Sie CSS-Animationen visuell. Keyframe-Editor, Zeitkurven, Voreinstellungen und generierter CSS-Output.

🌈Verlaufstext

Wenden Sie CSS-Verlaufseffekte auf Text an. 2–4 Farbstopps, Richtungssteuerung, Voreinstellungen. CSS kopieren.

▪Box-Shadow-Generator

Gestalten Sie CSS-Box-Shadows visuell. Mehrere Ebenen, Inset, Voreinstellungen für Neumorphismus und Glassmorphismus.

🖥Screenshot-Mockup

Platzieren Sie Screenshots in Geräterahmen — MacBook, iPhone, iPad, Browser. Hintergrund, Schatten, PNG-Export.

TtTypografieskalenrechner

Generieren Sie typografische Skalen mit visueller Vorschau. Material-, Tailwind-, Bootstrap-Voreinstellungen. CSS-Export.

⊟Abstandsrechner

Generieren Sie konsistente Abstands-Skalen. Visuelle Vorschau, 4px/8px-Voreinstellungen, CSS-Custom-Properties-Export.

◠Rahmenradius-Generator

Visueller Rahmenradius-Editor. Ecken ziehen oder Werte eingeben. Voreinstellungen: Pille, Kreis, Blob. CSS-Output.

◐CSS-Filter-Editor

Visueller CSS-Filter-Editor. Unschärfe, Helligkeit, Kontrast, Farbton-Drehung und mehr mit Live-Vorschau.

📏Pixellineal

Bildschirmlineal-Overlay. Ziehen, um Abstände in Pixeln zu messen. Abstände im Design überprüfen.

🖼Zufallsbilder

Generieren Sie zufällige Platzhalterfotos mit benutzerdefinierten Abmessungen mithilfe von Canvas-Mustern. Download als PNG.

Weitere Kategorien

Agent Ops (10)Programmierung (39)Administration (9)Produktivität (9)Marketing (8)Geschäft (8)Alle 105 Tools ansehen