🎨Online-Medien- & Farb-Tools
Diese Kategorie bündelt Medien- und Farb-Tools für Designer und Entwickler: Bildverarbeitung, CSS-Generatoren für Farbverläufe und Schatten, Farbpaletten und Kontrastprüfer. Erstellen Sie barrierefreie Visuals und CSS, kostenlos und ohne Ihre Bilder hochzuladen.
Ein Seitenverhältnis (16:9…) berechnen und eine fehlende proportionale Abmessung ableiten.
Einen Barcode (EAN-13, Code128, UPC) aus einem Wert generieren, herunterladbar, direkt im Browser.
Eine data URI oder Base64 in ein anzeigbares, herunterladbares Bild dekodieren, direkt im Browser.
Erstellen Sie abgerundete CSS Ecken (border-radius) mit Live-Vorschau und kopierfertigem Code.
Generieren Sie einen CSS box-shadow mit Live-Vorschau und kopierfertigem Code.
Machen Sie eine Hintergrundfarbe (Green-/Blue-Screen) transparent und exportieren Sie ein PNG in Ihrem Browser.
Konvertieren Sie eine Farbe zwischen HEX, RGB und HSL, mit Live-Vorschau.
Wählen Sie die Farbe eines Pixels, indem Sie direkt auf ein importiertes Bild klicken (HEX, RGB), in Ihrem Browser.
Generieren Sie eine Skala aus Schattierungen und Tönungen aus einer einzelnen Grundfarbe.
Extrahieren Sie die dominanten Farben aus einem importierten Bild, um direkt in Ihrem Browser eine Palette zu erstellen.
Prüfen Sie das Kontrastverhältnis zwischen zwei Farben und die WCAG-AA-/AAA-Konformität.
Generieren Sie einen fluiden CSS clamp()-Wert (responsive Typografie) zwischen zwei Viewport-Größen.
Erstellen Sie einen CSS-Verlauf (linear oder radial) mit Live-Vorschau und kopierfertigem Code.
Eine CSS @keyframes-Animation (Einblenden, Gleiten, Springen ...) mit Vorschau und Code generieren.
Eine CSS Scrollbar anpassen (Breite, Farben, Radius) und den Code erhalten.
Einen animierten CSS Spinner / Loader (Größe, Farbe, Geschwindigkeit) mit Vorschau generieren.
Ein CSS Dreieck (Border-Trick) mit Richtung, Größe und Farbe generieren.
CSS Einheiten (px, rem, em, pt) mit konfigurierbarer Basis umrechnen.
Erstellen Sie aus einem Emoji ein PNG-Favicon in mehreren Größen direkt in Ihrem Browser.
Sehen Sie die EXIF-Metadaten eines Fotos (Kamera, Datum, GPS) an, ohne es hochzuladen.
Erstellen Sie aus einem importierten Bild ein Favicon (16/32/48/180 px PNG) in Ihrem Browser.
Zerlegen Sie ein animiertes GIF direkt in Ihrem Browser in herunterladbare PNG-Frames.
Erzeugen Sie einen CSS-Glassmorphism-Effekt (Milchglas) mit Vorschau und kopierfertigem Code.
Wenden Sie eine Unschärfe auf ein Bild an (einstellbarer Radius) und laden Sie das Ergebnis herunter, in Ihrem Browser.
Rahmen Sie ein Bild mit einem Rand in ausgewählter Farbe und Stärke, herunterladbar, in Ihrem Browser.
Passen Sie Helligkeit und Kontrast eines Bildes an und laden Sie das Ergebnis herunter, in Ihrem Browser.
Komprimieren Sie ein Bild (JPG/WebP, Qualitätsregler), um seine Größe zu reduzieren, ohne Upload.
Konvertieren Sie ein Bild direkt in Ihrem Browser zwischen PNG, JPG und WebP, ohne Upload.
Schneiden Sie ein Bild zu, indem Sie den Bereich direkt mit der Maus markieren, und laden Sie es anschließend herunter.
Wenden Sie Dithering (Floyd-Steinberg, Retro-Effekt) auf ein Bild an, direkt in Ihrem Browser.
Konvertieren Sie ein Bild in Graustufen (Schwarz-Weiß) und laden Sie es direkt in Ihrem Browser herunter.
Invertieren Sie die Farben eines Bildes (Negativ) und laden Sie das Ergebnis direkt in Ihrem Browser herunter.
Fügen Sie einem Bild Körnung/Rauschen hinzu (Film-Effekt) und laden Sie das Ergebnis direkt in Ihrem Browser herunter.
Verpixeln Sie ein Bild (einstellbare Pixelgröße) und laden Sie das Ergebnis direkt in Ihrem Browser herunter.
Reduzieren Sie die Anzahl der Farben eines Bildes (posterisieren) und laden Sie das Ergebnis direkt in Ihrem Browser herunter.
Ändern Sie die Größe eines Bildes (Breite/Höhe, Seitenverhältnis beibehalten) ohne Upload und laden Sie es anschließend herunter.
Drehen (90/180/270°) und spiegeln Sie ein Bild und laden Sie es anschließend ohne Upload herunter.
Runden Sie die Ecken eines Bildes ab (einstellbarer Radius) und exportieren Sie eine transparente PNG-Datei direkt in Ihrem Browser.
Wenden Sie einen Sepiafilter (Vintage-Effekt) auf ein Bild an und laden Sie es direkt in Ihrem Browser herunter.
Schärfen Sie ein Bild (Faltung) und laden Sie das Ergebnis direkt in Ihrem Browser herunter.
Konvertieren Sie ein Bild direkt in Ihrem Browser in ASCII-Art (Zeichen basierend auf Helligkeit).
Konvertieren Sie ein Bild (PNG, JPG, GIF, WebP) ohne Upload in eine Base64-/Daten-URI-Zeichenkette.
Konvertieren Sie ein Bild direkt in Ihrem Browser in eine .ico-Datei mit mehreren Größen (Windows-Favicon).
Fügen Sie einem Bild direkt im Browser ein Text-Wasserzeichen hinzu (Position und Deckkraft anpassbar) und laden Sie es herunter.
Generieren Sie einen QR Code aus Text, einer URL oder einem Link und laden Sie ihn herunter.
Erzeugen Sie einen CSS text-shadow mit Live-Vorschau und kopierfertigem Code.
Wandeln Sie Text in ein herunterladbares PNG-Bild um (Schriftart, Farben, Hintergrund), direkt in Ihrem Browser.
Lassen Sie Text mit der Sprachsynthese Ihres Browsers vorlesen (FR/EN, Sprachauswahl).
Frequently asked questions
Wie prüfe ich Farbkontrast?
Der Kontrastprüfer berechnet das Verhältnis zwischen zwei Farben und zeigt, ob es die Barrierefreiheitskriterien WCAG AA und AAA erfüllt.
Werden meine Bilder auf einen Server hochgeladen?
Nein. Die Bildverarbeitung erfolgt lokal in Ihrem Browser: Ihre Dateien bleiben privat und werden nie online gesendet.