Farben aus einem Bild auslesen
Liest die Farben eines Bildes aus und zeigt sie als Farbcodes (HEX, RGB).
1. Bild auswählen
Funktioniert mit JPEG, PNG, WebP, GIF und HEIC (iPhone-Fotos).
Bilder hierher ziehen und ablegen
oder
2. Farben im Bild
Die häufigsten Farben im Bild, die häufigste zuerst. Zum Kopieren antippen.
Anzahl der Farben
Format
3. Alle verwenden
Speichere die Palette als Bild oder kopiere alle Farben auf einmal.
Alles passiert auf diesem Gerät. Deine Bilder werden nie hochgeladen.
Die Farben werden an einer verkleinerten Kopie des Bildes gezählt, sehr kleine Details erscheinen daher evtl. nicht in der Palette. Nimm dafür die Pipette.
Hilfreich? Wir freuen uns, wenn du es teilst
Funktioniert etwas nicht, oder hast du eine Idee zur Verbesserung?
So funktioniert’s
1. Bild auswählen
Tippe auf „Dateien auswählen“ und wähle das Foto oder Bild aus.
Zieh das Bild einfach irgendwo auf die Seite oder nutze „Dateien auswählen“.
2. Verwendete Farben ansehen
Unter dem Bild erscheinen die häufigsten Farben. Ändere „Anzahl der Farben“ oder „Format“ und tippe eine Farbe an, um sie zu kopieren.
Die häufigsten Farben im Bild erscheinen, die häufigste zuerst. Wähle mit „Anzahl der Farben“ 5, 8 oder 12 und wechsle mit „Format“ zwischen HEX, RGB und HSL. Klick auf eine Farbe, um sie zu kopieren.
3. Farbe mit der Pipette aufnehmen
Tippe ins Bild, um die Farbe an dieser Stelle aufzunehmen und zu kopieren. Kurz gedrückt halten und dann den Finger bewegen zeigt eine Lupe für eine genaue Stelle; aufgenommen wird die Farbe, wo du den Finger hebst.
Fahre über das Bild, um die Farbe unter dem Zeiger zu sehen, und klicke, um sie aufzunehmen und zu kopieren. Gedrückt halten und ziehen zeigt eine Lupe für eine genaue Stelle; aufgenommen wird die Farbe, wo du loslässt.
4. Alle verwenden
„Palette als Bild speichern“ speichert ein Bild mit den Farben und ihren Codes.
„Palette als Bild speichern“ speichert ein Bild mit den Farben und ihren Codes. „Alle HEX kopieren“ und „Als CSS-Variablen kopieren“ kopieren alle Farben auf einmal.
Ideal für
Farben aus einem Foto oder einer Illustration übernehmen
Lies die Farben eines Fotos oder Bildes aus, das dir gefällt, und nutze sie für Folien, Dokumente oder deine Website.
Alle, die gestalten oder Dokumente erstellen
Die genaue Farbe eines Logos oder Produkts finden
Tippe ins Bild, um den Farbcode an dieser Stelle zu erhalten – praktisch, um Logo- und Markenfarben zu prüfen.
Web- und Marketing-Teams
Farben direkt in CSS verwenden
Mit „Als CSS-Variablen kopieren“ fügst du die Palette direkt in dein Stylesheet ein.
Webentwickler:innen
Farben für Basteln oder Streichen abstimmen
Notiere die Farben eines Fotos als Codes – als Anhaltspunkt bei der Wahl von Farbe, Wolle oder Stoff.
Alle, die gern selbst gestalten
Gut zu wissen, bevor du anfängst
- Farben auf dem Bildschirm wirken je nach Monitor und Helligkeit des Fotos anders. Druckfarben (CMYK) prüfst du am besten mit den Farbmustern deiner Druckerei.
- Stark komprimierte JPEGs mischen leicht unterschiedliche Farben in Flächen, die einheitlich wirken. Für eine genaue Farbe nimm die Pipette.
- Um Bilder zu verkleinern, probiere „Bilder komprimieren“.
Über Farbcodes
Ein Farbcode beschreibt eine Farbe mit Zahlen. Im Web und in Designprogrammen sind drei Schreibweisen üblich: HEX, RGB und HSL. Alle beschreiben dieselbe Farbe, nur anders geschrieben.
Dieses Tool verkleinert das Bild, fasst ähnlich aussehende Farben zusammen und findet die am häufigsten verwendeten. Der Prozentwert zeigt ungefähr, wie viel des Bildes dieser Farbe nahekommt.
Häufige Fragen
Antworten auf häufige Fragen, bevor du loslegst.
Werden meine Bilder irgendwohin gesendet?
Nein. Alles passiert im Browser auf deinem Gerät, und deine Bilder werden nie auf einen Server hochgeladen.
Sind die Farben genau?
Farben aus der Pipette sind genau das angetippte Pixel. Die Palettenfarben sind Mittelwerte ähnlicher Farben und stimmen daher evtl. mit keinem einzelnen Pixel genau überein.
Eine gewünschte Farbe fehlt in der Palette.
Stelle „Anzahl der Farben“ auf 12, damit auch seltenere Farben erscheinen. Sehr kleine Details nimmst du per Antippen mit der Pipette auf.
Wie kopiere ich eine Farbe?
Tippe eine Farbe der Palette an, um sie zu kopieren. Mit der Pipette aufgenommene Farben werden sofort kopiert. „Alle HEX kopieren“ kopiert alle Farben auf einmal.
Was ist der Unterschied zwischen HEX, RGB und HSL?
Es sind verschiedene Schreibweisen derselben Farbe. HEX nutzt „#“ und Hexadezimalzahlen, RGB den Anteil von Rot, Grün und Blau, HSL Farbton, Sättigung und Helligkeit. Wechsle zu der, die du brauchst.
Bekomme ich auch Druckfarben (CMYK)?
Nein. Dieses Tool liefert Bildschirmfarben (sRGB). Für den Druck prüfe die Farbmuster deiner Druckerei.
Was passiert mit transparenten Bereichen?
Transparente Bereiche werden beim Erstellen der Palette nicht mitgezählt.
Kann ich die Palette speichern?
„Palette als Bild speichern“ speichert ein PNG mit den Farben und ihren Codes. „Als CSS-Variablen kopieren“ kopiert sie so, dass du sie in ein Stylesheet einfügen kannst.
Funktionieren iPhone-Fotos (HEIC)?
Ja. Neben JPEG, PNG, WebP und GIF kannst du auch aus HEIC-Fotos vom iPhone Farben auslesen.
Ist es kostenlos?
Ja. Ohne Anmeldung und ohne Werbung.
Weitere Tools
- Standort aus Fotos entfernen (Exif)
Entfernt Standort, Aufnahmedatum und weitere Angaben aus Fotos – ohne Qualitätsverlust.
- Exif von Fotos bearbeiten
Ändere Aufnahmedatum, Standort, Kameramodell und Urheber von Fotos – ohne Qualitätsverlust.
- Bilder verpixeln & weichzeichnen
Verdecke Namen, Adressen, Gesichter und mehr in Screenshots und Fotos mit Mosaik oder Balken.
- Bilder zuschneiden
Schneide den Teil eines Bildes aus, den du brauchst – als Rechteck, Kreis, Herz und mehr.
- Bilder in WebP umwandeln
Wandle PNG oder JPEG in WebP um, ein leichteres Format mit guter Qualität.
- Bilder in PNG umwandeln
Wandle JPEG oder WebP in PNG um, ein Format ohne Qualitätsverlust.