Farben aufnehmen

Bild-Farbwähler

Auf ein Pixel klicken und den HEX-Code bekommen — oder die Hauptfarben des Bildes als Palette.

Farben aufnehmen

☞ läuft komplett in deinem Browser — nichts wird hochgeladen

Bild hier ablegen

oder klicken zum Auswählen — PNG, JPG, WebP oder GIF

zwei Arten, eine Farbe zu lesen

Das genaue Pixel oder die Farben des ganzen Bildes

Auf ein Pixel zu zeigen und auf ein Bild zu zeigen sind zwei verschiedene Fragen. Die Pipette beantwortet die erste: Klicken Sie irgendwohin und Sie bekommen den Wert dieses Pixels, ungerundet und ungemittelt — als HEX fürs CSS, als RGB für Designprogramme und als HSL, wenn Sie einen Farbton oder eine Helligkeit verschieben wollen. Mit gedrückter Taste ziehen lässt die Anzeige dem Zeiger folgen, was einfacher ist, als eine zwei Pixel dünne Linie zu treffen.

Die Palette beantwortet die zweite. Alle Pixel werden auf eine Handvoll repräsentativer Farben verteilt, und zu jedem Feld steht, welchen Anteil des Bildes es ausmacht — die Reihenfolge zeigt also, woraus das Bild wirklich besteht, und nicht, was am hellsten leuchtet. Diese Mittelwerte liegen nah an dem, was Sie sehen, kommen aber nicht immer Pixel für Pixel vor. Genau dafür bleibt die Pipette da.

drei Schritte

So holen Sie Farben aus einem Bild

01

Bild hineinziehen

PNG, JPG, WebP und GIF werden direkt im Browser gelesen. Ein Screenshot einer Markenseite oder ein unveröffentlichtes Foto bleibt auf Ihrem Gerät.

02

Für eine Farbe klicken

Der Wert erscheint gleichzeitig als HEX, RGB und HSL. Kopieren legt den HEX-Code in die Zwischenablage; ist die gewünschte Stelle klein, halten Sie die Taste gedrückt und ziehen.

03

Oder gleich die ganze Palette

Wählen Sie, wie viele Farben Sie möchten, und das Bild wird auf so viele reduziert, sortiert nach ihrem Anteil. Ein Klick kopiert ein Feld, oder Sie kopieren die ganze Liste auf einmal.

kurz beantwortet

Bild-Farbwähler — häufige Fragen

Ist die aufgenommene Farbe der exakte Pixelwert?

Ja. Zum Aufnehmen bleibt das Bild in seiner Originalauflösung, Sie bekommen also den in der Datei gespeicherten Wert und nicht etwas, das eine Vorschau skaliert und verrechnet hat. Nur ein Bild jenseits der Canvas-Grenzen des Browsers wird vorher verkleinert.

Was bedeutet der Prozentwert neben einem Feld?

Welchen Anteil des Bildes diese Farbe ausmacht. Jedes Pixel wird seinem nächstgelegenen Feld zugeordnet und gezählt, die Liste ist also nach echter Fläche sortiert — ein kleiner leuchtender Akzent überholt den Hintergrund nicht.

Warum weicht eine Palettenfarbe leicht von dem ab, was ich sehe?

Eine Palettenfarbe ist der repräsentative Mittelwert einer ganzen Gruppe ähnlicher Pixel und existiert deshalb nicht zwingend genau so im Bild. Wenn Sie den wörtlichen Wert einer Stelle brauchen, klicken Sie sie mit der Pipette an.

Was passiert bei einem transparenten PNG?

Transparente Pixel bleiben außen vor. Sonst käme ein Logo auf transparentem Grund überwiegend als Weiß zurück — die Farbe der Leinwand dahinter, die in Ihrem Bild gar nicht vorkommt.

Welche Formate kann ich verwenden?

PNG, JPG, WebP und GIF bis 25 MB. Ein animiertes GIF wird als erstes Einzelbild gelesen. HEIC-Dateien vom iPhone werden nicht unterstützt; wandeln Sie sie vorher um.

Kann ich die ganze Palette auf einmal kopieren?

Ja. «Alle kopieren» legt jeden HEX-Code zeilenweise in die Zwischenablage, fertig zum Einfügen in ein Stylesheet, eine Designdatei oder eine Nachricht.

Funktioniert das auch nur mit der Tastatur?

Ein Pixel aufzunehmen braucht einen Zeiger, aber die Palettenfelder sind Schaltflächen: mit Tab hinspringen, Enter drücken, Code kopiert. Die Hauptfarben eines Bildes sind also auch ohne Maus erreichbar.

Werden meine Bilder hochgeladen?

Nein. Das Bild wird in Ihrem Browser dekodiert und ausgewertet, gesendet wird nichts. In diesem Werkzeug gibt es keinen Server, der ein Bild entgegennehmen könnte.

Ist das kostenlos?

Ja — kostenlos, ohne Wasserzeichen und ohne Anmeldung.