🖼️ Bild, Farben & Design

6 kostenlose Online-Tools

Design-Tools direkt im Browser

Diese Kategorie versammelt Werkzeuge für alle, die mit Bildern, Farben und visuellen Inhalten arbeiten – von der Webentwicklerin, die ihre Farbpalette auf WCAG-Konformität prüfen möchte, bis zum Fotografen, der schnell ein Bild komprimieren oder konvertieren will.

Keines dieser Tools erfordert einen Server-Upload. Bilder werden ausschließlich im Arbeitsspeicher deines Browsers verarbeitet. Das bedeutet: keine Datenschutzrisiken durch Cloud-Dienste, kein Warten auf Upload-Ladebalken, keine Dateigrößenbeschränkungen durch fremde Server.

Direkte Einstiege: Bild-Editor für Komprimierung und Konvertierung, Farbpaletten-Generator für harmonische Farbschemata, Kontrast-Checker für barrierefreie Farbwahl und QR-Code-Generator für URLs, WLAN-Daten und Visitenkarten.

Bild-Editor Bilder komprimieren, konvertieren, skalieren & EXIF entfernen. Farben-Extraktor Dominante Farben aus Bildern extrahieren – HEX, RGB & HSL kopieren, Pipette-Modus, Palette als PNG. Farbpaletten-Generator Harmoniepaletten aus einer Basisfarbe – Komplementär, Analog, Triadisch, Tetradisch, Monochromatisch mit CSS-Export. Kontrast-Checker Farbkontrast nach WCAG 2.1 prüfen – AA/AAA testen, Live-Vorschau und Farbvorschläge. QR-Code-Generator URL, Text, WLAN oder vCard als QR-Code – Farbe, Größe & Fehlerkorrektur wählbar. Download als PNG und SVG. Favicon-Generator favicon.ico & alle PNG-Größen aus Bild oder Text/Emoji erstellen – komplett im Browser.

Häufige Fragen

Werden meine Bilder auf einen Server hochgeladen?

Nein. Alle Bildoperationen – Komprimierung, Konvertierung, Farbextraktion – finden ausschließlich im Browser statt. Deine Bilder verlassen dein Gerät zu keiner Zeit. Es findet kein Upload statt.

Was bedeutet WCAG-Konformität beim Kontrast-Checker?

Die Web Content Accessibility Guidelines (WCAG) definieren Mindestkontrastwerte zwischen Text und Hintergrund, damit Inhalte auch für Menschen mit Seheinschränkungen lesbar sind. Stufe AA verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text (3:1 für großen Text). Stufe AAA erhöht die Anforderung auf 7:1. Der <a href="/kontrast-checker/">Kontrast-Checker</a> berechnet das Verhältnis in Echtzeit und zeigt an, welche Stufe erreicht wird.

Welche Bildformate unterstützt der Bild-Editor?

Der <a href="/bild-editor/">Bild-Editor</a> kann JPEG, PNG, WebP und AVIF lesen. Beim Export stehen JPEG, PNG und WebP zur Verfügung – welche Formate konkret angeboten werden, hängt von der Browserunterstützung ab. AVIF-Export wird in aktuellen Versionen von Chrome und Edge unterstützt, in Firefox und Safari eingeschränkt.

Kann ich QR-Codes für WLAN-Netzwerke erstellen?

Ja. Der <a href="/qr-code-generator/">QR-Code-Generator</a> unterstützt den WIFI-URI-Standard. Du gibst Netzwerkname (SSID), Passwort und Verschlüsselungstyp (WPA/WEP/offen) ein. Der erzeugte QR-Code kann von allen modernen Smartphone-Kameras direkt gescannt werden, um das Gerät automatisch mit dem Netzwerk zu verbinden.

Wie extrahiert der Farben-Extraktor die dominanten Farben?

Der <a href="/farben-extraktor/">Farben-Extraktor</a> verwendet den Median-Cut-Algorithmus, um die Pixelwerte eines Bildes in Farbcluster aufzuteilen. Die Mittelpunkte dieser Cluster repräsentieren die dominanten Farben. Das Verfahren ist deterministisch – dasselbe Bild liefert immer dieselbe Palette.