Farbe aus Bild auswählen

Lies exakte Pixelfarben aus einem lokalen Bild in gängigen Farbformaten aus. Erstelle, vergleiche, kopiere und exportiere eine Farbpalette im Browser.

Bild auswählen

Verwende eine lokale Bilddatei, ziehe sie hierher oder füge sie aus der Zwischenablage ein.

Bild hierher ziehen PNG, JPEG, WebP, GIF, BMP oder AVIF bis 25 MB und 24 Megapixel.

Farbe auswählen

Klicke oder tippe auf das Bild, um ein Pixel auszuwählen. Verschiebe die Auswahl danach mit den Pfeiltasten um ein Quellpixel oder mit Umschalttaste plus Pfeiltaste um zehn Pixel.

Wähle ein Bild aus, ziehe es hierher oder füge es ein, um zu beginnen.

Dominante Bildfarben

Extrahiere eine kompakte Palette aus einer begrenzten Stichprobe der sichtbaren Bildpixel.

Es wurde noch keine Bildpalette extrahiert.

Gespeicherte Palette

Gespeicherte Farben bleiben verfügbar, während du dieses Bild untersuchst oder ein anderes lädst.

Speichere eine ausgewählte, extrahierte oder verwandte Farbe, um deine Palette aufzubauen.

Worum es geht

Der Bildfarbwähler ermittelt den RGBA-Wert eines einzelnen Quellpixels in einem Rasterbild, das lokal ausgewählt, auf die Seite gezogen oder aus der Zwischenablage eingefügt wurde.

Er zeigt die ausgewählte Farbe als HEX, RGB, HSL, HSV, HWB und CMYK an und kann gespeicherte, dominante, verwandte sowie harmonische Farbpaletten erstellen.

So verwendest du das Tool

  1. Wähle ein PNG-, JPEG-, WebP-, GIF-, BMP- oder AVIF-Bild mit höchstens 25 MB und 24 Megapixeln aus, ziehe es auf die Seite oder füge es ein.
  2. Klicke oder tippe auf eine Stelle im Bild und verwende anschließend die Lupe oder die Pfeiltasten, wenn du ein Quellpixel präzise auswählen möchtest.
  3. Prüfe und kopiere die Farbformate sowie den Alpha-Wert oder speichere die Farbe in deiner Palette.
  4. Extrahiere dominante Farben, erzeuge verwandte Farben, vergleiche zwei Farben oder kopiere und exportiere die gespeicherte Palette nach Bedarf.

Sinnvolle Anwendungsfälle

  • Markenfarben aus einem Logo ablesen, wenn die ursprünglichen Farbcodes nicht vorliegen.
  • Oberflächenfarben aus einem Screenshot aufnehmen und zwei ähnliche Werte miteinander vergleichen.
  • Farben aus Fotos, Illustrationen, Produktbildern oder Details in Farbverläufen sammeln.
  • Eine wiederverwendbare Liste von Farbwerten für Designnotizen, CSS-Variablen oder andere Dokumentationen vorbereiten.

Hinweise und Grenzen

  • Bilddecodierung, Pixelanalyse und Palettenerstellung laufen im Browser. Das Bild selbst wird nicht im Browser-Speicher abgelegt; dort werden nur die Farbwerte der gespeicherten Palette hinterlegt.
  • Eingabedateien sind auf 25 MB und decodierte Bilder auf 24 Megapixel begrenzt. Die Formatunterstützung hängt zusätzlich davon ab, ob der Browser das Bild decodieren kann.
  • Der ähnlichste Farbname, die dominante Palette und die CMYK-Umrechnung sind berechnete Näherungen; die CMYK-Werte verwenden kein Drucker- oder ICC-Profil. Verwende den decodierten RGBA-Wert, wenn der exakte Pixelwert maßgeblich ist.
  • Kontrast und Delta E behandeln die RGB-Komponenten als deckend, während Alpha separat angegeben wird. Das sichtbare Ergebnis einer durchscheinenden Farbe hängt vom Hintergrund ab.

Häufige Fragen

Wird mein Bild hochgeladen oder gespeichert?

Nein. Dieses Tool verarbeitet das ausgewählte Bild im Browser und legt im Browser-Speicher nur die RGBA-Werte der gespeicherten Palette ab.

Wie wähle ich ein sehr kleines Bilddetail aus?

Wähle zunächst einen nahe gelegenen Punkt aus und klicke dann auf eine Zelle in der Pixel-Lupe oder verschiebe die Auswahl mit den Pfeiltasten. Mit Umschalttaste plus Pfeiltaste bewegst du sie jeweils um zehn Quellpixel.

Bleibt die Transparenz erhalten?

Ja. Das ausgewählte Pixel enthält einen Alpha-Wert, und die Erkennung exakter Duplikate vergleicht den vollständigen RGBA-Wert.

Sind dominante Farben eine exakte Zählung aller Bildpixel?

Nein. Die dominante Palette fasst eine begrenzte Stichprobe sichtbarer Pixel zusammen und ist daher eine extrahierte Übersicht statt einer Liste aller unterschiedlichen Pixelwerte.

Kann ich Farben beim Laden eines anderen Bildes behalten?

Ja. Lasse die Option zum Behalten der Palette aktiviert oder deaktiviere sie, um beim Laden des nächsten Bildes mit einer leeren Palette zu beginnen.

Weitere Tools aus Farben

Alle Tools aus Farben anzeigen