Farbpipette online — Farbe aus einem Bild bestimmen

Farbpipette

oder ziehen Sie ein Bild hierher oder fügen Sie es aus der Zwischenablage ein (Strg+V)

Max. Dateigröße: 50 MB. Unterstützt: JPG, PNG, WEBP, GIF, BMP, AVIF, SVG, ICO.

Nur erstes Bild
Klicken Sie auf das Bild, um eine Farbe auszuwählen. Scrollen zum Zoomen, Ziehen zum Verschieben.
Ausgewählte Farbe
Unter dem Cursor
HEX
RGB
HSL
Letzte Farben
Kopiert!

Häufige Fragen

Wozu braucht man eine Farbpipette?

Es gibt vier Hauptanwendungen. Webdesign und Layout – den exakten Code einer Markenfarbe aus einem Entwurf oder einer Vorlage übernehmen, statt ihn nach Augenmaß zu schätzen. Abgleich einer Markenfarbe – prüfen, ob die Farbe auf der Website mit der aus dem Markenbuch oder Logo übereinstimmt. Arbeit mit Fotos – den dominanten Farbton für Hintergrund oder passende Elemente bestimmen. Kontrastprüfung – Codes von Text und Hintergrund vor einer Barrierefreiheitsprüfung vergleichen.

Bleiben hochgeladene Bilder auf dem Server?

Eine hochgeladene Datei und ein eingefügter Screenshot verlassen das Gerät nicht – die Verarbeitung läuft im Browser. Ein Bild per Link läuft nur zum Laden durch den Server und wird nicht gespeichert.

Warum weicht die Farbe am Bildschirm manchmal von der Realität ab?

Verschiedene Monitore kalibrieren die Farbwiedergabe unterschiedlich, und manche Bilder sind mit einer Kompression gespeichert, die die Töne leicht verfälscht. Die Pipette liest die Farbe direkt aus der Datei, zeigt also denselben Wert, den der Browser „sieht“, nicht die absolut objektive Farbe des Objekts im Foto.

Lässt sich die Farbe eines Bildschirmfotos bestimmen?

Ja, ein Screenshot wird genauso eingefügt wie ein gewöhnliches Bild – aus der Zwischenablage. Praktisch, um die Farbe eines beliebigen Oberflächenelements zu übernehmen, ohne eine Datei auf der Festplatte zu speichern.

Was tun, wenn nicht die Farbe eines Pixels, sondern eines Bereichs gebraucht wird?

Das Werkzeug liest exakt die Farbe des angeklickten Pixels. Für eine gemittelte Farbe eines Bereichs empfiehlt es sich, mehrere Punkte darin zu wählen und die Werte zu vergleichen – sie liegen meist nah beieinander, wenn der Bereich farblich einheitlich ist.

Funktioniert die Pipette mit Bildern per Direktlink aus dem Internet?

Ja, die dritte Möglichkeit ist, eine Bild-URL einzufügen. Das Bild wird zum Auslesen der Farbe geladen und nach der Verarbeitung nicht auf dem Server gespeichert.

Laden Sie eine Datei hoch, fügen Sie einen Screenshot ein oder geben Sie einen Bildlink an – das Werkzeug liest die exakte Farbe jedes Pixels aus und zeigt sie in HEX, RGB und HSL mit Kopier-Schaltfläche. Die Datei wird nicht neu komprimiert: Die Farbe stammt Pixel für Pixel aus dem Original, direkt im Browser.

So bestimmen Sie eine Farbe aus einem Foto

  1. Laden Sie ein Bild. Drei Wege stehen offen: eine Datei vom Gerät hochladen, einen Screenshot aus der Zwischenablage einfügen oder einen direkten Bildlink angeben.
  2. Zoomen Sie auf die gewünschte Stelle. Die Lupe vergrößert das Bild bis auf einzelne Pixel – wichtig, wenn Sie die Farbe eines kleinen Details brauchen und nicht den gemittelten Ton eines Bereichs.
  3. Klicken und Code kopieren. Ein Klick auf ein Pixel liefert die Farbe sofort in drei Formaten – HEX, RGB und HSL – jeweils mit eigener Kopier-Schaltfläche. Die letzten zehn gewählten Farben bleiben in einer Verlaufsleiste erhalten, sodass eine frühere Auswahl beim nächsten Klick nicht verloren geht.

HEX, RGB und HSL: welches Format wofür

Alle drei Formate beschreiben dieselbe Farbe, werden aber in unterschiedlichen Zusammenhängen genutzt.

FormatBeispielWo es verwendet wird
HEX#3A7BD5CSS, Website-Layout, Grafikprogramme
RGBrgb(58, 123, 213)CSS, Programmierung, Arbeit mit Transparenzebenen
HSLhsl(214, 64%, 53%)Nuancen eines Farbtons wählen: Helligkeit und Sättigung lassen sich getrennt einfacher ändern

Was mit der ermittelten Farbe als Nächstes zu tun ist

Wenn Sie nicht nur die Farbe bestimmen, sondern auch eine passende Kombination finden oder sie in ein anderes Format umrechnen möchten – CMYK, RAL, Pantone –, nutzen Sie den Farbkonverter. Den erhaltenen HEX-Code können Sie direkt ins Seiten-Layout einfügen, und für die Prüfung des fertigen Textes vor der Veröffentlichung hilft der Wortdichte-Zähler oder der Text-Reiniger.

Verwandt