Kostenlose Online-Tools Bild- und Design-Tools

Bild- und Design-Tools

Erstelle, bearbeite und prüfe Bilder, Farben, SVG und CSS-Designs.

18+
Tools insgesamt
30
Kategorien
100%
Kostenlos nutzbar
Alle Tools Audio-Tools (2) Auto-Rechner (1) Bild- und Design-Tools (18) Business-Tools (4) Einheitenumrechner (9) Elektronik-Rechner (4) Entwicklertools (43) Finanzrechner (20) Forex-Rechner (4) Gesundheitsrechner (12) Haus- und Heimwerker-Rechner (9) Haustier-Rechner (2) Instagram-Tools (1) Lern- und Bildungsrechner (2) Mathematik-Rechner (10) PC-Hardware-Rechner (1) PDF-Tools (1) Produktivitäts-Tools (10) Rechner (50) SEO-Tools (10) Sicherheits-Tools (5) Social-Media-Tools (8) Spaß und Zufallsgeneratoren (16) Sport-Rechner (3) Text-Tools (20) TikTok-Tools (1) Tipp- und Tastatur-Tools (1) Wissenschaftliche Tools (1) YouTube-Tools (6) Zeitmanagement (4)
Bild- und Design-Tools 18 Tools
01 Bild- und Design-Tools

Bilder in Base64 umwandeln und dekodieren

Kodiere Bilder als Base64-Daten-URI oder stelle aus einer Base64-Zeichenfolge wieder ein Bild...

Tool öffnen→
02 PDF-Tools

Bilder in PDF umwandeln

Fasse mehrere Bilder direkt im Browser zu einer PDF zusammen und wähle...

Tool öffnen→
03 Bild- und Design-Tools

Bilder verkleinern und komprimieren

Ändere Bildmaße und Qualität für JPEG, WEBP oder PNG direkt im Browser...

Tool öffnen→
04 Bild- und Design-Tools

CSS-Box-Shadow-Generator

Kombiniere mehrere Schattenebenen mit Versatz, Unschärfe, Ausbreitung und Farbe und kopiere das...

Tool öffnen→
05 Bild- und Design-Tools

CSS-Glasmorphismus erstellen

Gestalte einen Milchglas-Effekt mit Hintergrundunschärfe, Transparenz, Rand und Farbe und kopiere den...

Tool öffnen→
06 Bild- und Design-Tools

CSS-Keyframe-Animationen erstellen

Wähle Bewegungen wie Einblenden, Gleiten oder Springen, passe Timing an und kopiere...

Tool öffnen→
07 Bild- und Design-Tools
AA

CSS-Textschatten-Generator

Gestalte mehrere text-shadow-Ebenen mit Live-Vorschau und Vorlagen für Neonlicht, 3D und Prägung

Tool öffnen→
08 Bild- und Design-Tools

CSS-Verläufe erstellen

Erzeuge lineare, radiale oder konische Farbverläufe mit beliebigen Farbstopps und exportiere CSS...

Tool öffnen→
09 Bild- und Design-Tools

Farbenblindheit simulieren

Betrachte ein Bild in Simulationen verschiedener Farbsehschwächen und prüfe, ob wichtige Inhalte...

Tool öffnen→
10 Bild- und Design-Tools

Farbkontrast prüfen

Berechne das Kontrastverhältnis zweier Farben nach WCAG und prüfe AA und AAA...

Tool öffnen→
11 Bild- und Design-Tools

Farbnamen zu HEX-Werten finden

Finde für einen HEX- oder RGB-Wert den ähnlichsten CSS-Farbnamen samt HSL-Wert und...

Tool öffnen→
12 Bild- und Design-Tools

Farbpalette aus Bildern extrahieren

Finde dominante Bildfarben, prüfe passende Farbkombinationen und exportiere CSS-Variablen oder Tailwind-Farben

Tool öffnen→
13 Bild- und Design-Tools

Favicon erstellen

Erzeuge ein Favicon aus Text, Emoji oder Bild und lade eine echte...

Tool öffnen→
14 Bild- und Design-Tools

Harmonische Farbpaletten erstellen

Erzeuge aus einer Grundfarbe helle, dunkle, komplementäre und analoge Farbtöne mit kopierbaren...

Tool öffnen→
15 Bild- und Design-Tools

PPI- und DPI-Rechner

Berechne Pixeldichte aus Bildschirmauflösung und Diagonale oder bestimme die nötige Pixelzahl für...

Tool öffnen→
16 Bild- und Design-Tools

SVG in PNG umwandeln

Lade eine SVG-Datei hoch oder füge SVG-Code ein und exportiere ein PNG...

Tool öffnen→
17 Bild- und Design-Tools

SVG-Mustergenerator

Entwirf nahtlose SVG-Hintergründe mit Punkten, Linien, Gittern oder Zickzackmustern und kopiere SVG...

Tool öffnen→
18 Bild- und Design-Tools

Video-Safe-Zones für Social Media prüfen

Sieh, welche Bereiche eines Videos bei TikTok, Instagram Reels und YouTube Shorts...

Tool öffnen→