Titel

Farbpipette

Ablegen, einfügen (Strg+V) oder klicken zum Hochladen

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Laden Sie ein Foto hoch, um Farben auszuwählen

Oder probieren Sie ein Beispiel:

Beispiel 1
Beispiel 2
Beispiel 3
— Klicken Sie auf das Bild, um eine Farbe auszuwählen

Farbpalette

Farben: 3

Farbpipette und Extraktor – kostenloses Online-Tool

Mit unserem kostenlosen Online-Farbextraktor können Sie mit einem Klick jede Farbe aus einem Foto auswählen — keine Softwareinstallation und kein Konto erforderlich. Laden Sie Ihr Bild hoch, bewegen Sie den Cursor darüber, um zu vergrößern, klicken Sie auf einen beliebigen Pixel, um sofort dessen HEX-, RGB-, HSL- und HSV-Werte zu sehen, und erstellen Sie anschließend eine vollständige Farbpalette aus Ihrer gewählten Farbe. Laden Sie die Ergebnisse jederzeit herunter.

So wählen Sie Farben aus einem Foto aus

1
Laden Sie Ihr Bild hoch

Legen Sie ein Foto auf das Feld ab, klicken Sie auf Foto hochladen, oder fügen Sie es mit Strg + V ein. Unterstützt werden JPEG, PNG, WebP, HEIC und GIF.

2
Klicken Sie, um eine Farbe auszuwählen

Bewegen Sie den Mauszeiger über das Bild, um mit der Lupe hineinzuzoomen, und klicken Sie dann an einer beliebigen Stelle, um die Farbe dieses Pixels zu erfassen. Die Werte für HEX, RGB, HSL und HSV werden sofort angezeigt.

3
Kopieren oder generieren Sie eine Palette

Klicken Sie auf ein beliebiges Wertefeld, um es in die Zwischenablage zu kopieren, speichern Sie Farben für später, oder erstellen Sie eine vollständige Farbpalette und exportieren Sie sie als CSS-Variablen oder als PNG-Farbmusterstreifen.

Hauptfunktionen

  • Vier Farbformate – zeigen und kopieren Sie die ausgewählte Farbe in HEX, RGB, HSL und HSV mit nur einem Klick auf ein beliebiges Wertefeld.
  • Pixelgenaue Lupe – eine kreisförmige Zoomlinse folgt Ihrem Mauszeiger, sodass Sie genau den gewünschten Pixel treffen können.
  • 8 Palettentypen – erstellen Sie Paletten vom Typ Analog, Komplementär, Triadisch, Tetradisch, Split-Komplementär, Monochromatisch, Schattierungen oder Tönungen mit 3–10 Farbtönen.
  • Exportoptionen – kopieren Sie alle HEX-Codes der Palette auf einmal, laden Sie einen PNG-Farbmusterstreifen herunter oder exportieren Sie die Palette als benutzerdefinierte CSS-Eigenschaften (:root -Variablen).
  • Gespeicherte Farben – speichern Sie jede Farbe in einem persönlichen Bereich für gespeicherte Farben, der in Ihrem Browser gespeichert wird; löschen Sie sie jederzeit.
  • HEIC-Unterstützung – iPhone-Fotos im HEIC-/HEIF-Format werden vor der Farbauswahl automatisch konvertiert.
  • Funktioniert vollständig in Ihrem Browser – Ihre Fotos werden niemals auf einen Server hochgeladen.
  • Kostenlos und unbegrenzt – keine Anmeldung, keine Wasserzeichen, keine Einschränkungen.

Was ist ein Farbextraktor?

Ein Farbextraktor (auch Bildfarbwähler genannt) ist ein Tool, das die exakte Farbe eines beliebigen Pixels in einem Foto ausliest und in die Standardfarbcodes umwandelt, die in Design und Entwicklung verwendet werden. Anstatt eine Farbe nach Augenmaß zu schätzen oder Werte manuell einzugeben, klicken Sie einfach auf die gewünschte Stelle, und das Tool übernimmt die Umrechnung für Sie — von den rohen RGB-Werten, die Ihr Bildschirm anzeigt, bis hin zu HSL- und HSV-Darstellungen, die in Grafikdesign-Workflows verwendet werden.

Der Farbpaletten-Generator geht noch einen Schritt weiter: Sobald Sie eine Basisfarbe gewählt haben, wendet er Farbtheorie an, um harmonische Farbschemata zu erzeugen, die direkt in CSS, Figma oder einem beliebigen Design-Tool einsatzbereit sind.

Häufige Anwendungen

  • Markenfarbenextraktion – extrahieren Sie exakte HEX-Codes aus einem Logo oder Markenfoto, um sie konsistent auf einer Website oder in einem Designsystem zu verwenden.
  • Web- und UI-Design – stimmen Sie Farben auf ein Produktbild oder Hero-Foto ab, damit Ihr Layout stimmig wirkt.
  • Palettengenerierung – starten Sie mit einer einzelnen Grundfarbe und erstellen Sie ein vollständiges komplementäres oder analoges Farbschema für ein Projekt.
  • Druck und Illustration – ermitteln Sie anhand von Referenzfotos genaue RGB-Werte, bevor Sie Farbe mischen oder ein Druckprofil einrichten.
  • CSS-Theming – exportieren Sie Palettenvariablen direkt in einen :root -Block, den Sie direkt in ein Stylesheet einfügen können.

Häufig gestellte Fragen

Ja, das Tool ist 100% kostenlos und hat keine Nutzungslimits. Sie müssen kein Konto erstellen oder Zahlungsinformationen angeben.
Nein. Die gesamte Verarbeitung erfolgt vollständig in Ihrem Browser mithilfe der HTML5-Canvas-API. Ihr Bild wird niemals an einen Server gesendet, sodass Ihre Privatsphäre vollständig geschützt ist.
Das Tool zeigt die ausgewählte Farbe gleichzeitig in vier Formaten an: HEX (z. B. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), und HSV (hsv(216, 73%, 84%)). Klicken Sie auf ein beliebiges Feld, um es sofort zu kopieren.
Während Sie den Mauszeiger über das Bild bewegen, erscheint in der Nähe des Zeigers eine kreisförmige Lupe, die eine vergrößerte Ansicht der umliegenden Pixel zeigt. So können Sie den gewünschten Pixel leicht erkennen und anklicken, besonders bei Fotos mit feinen Details oder subtilen Farbübergängen.
Klicken Sie auf einen beliebigen Pixel Ihres Bildes, um eine Basisfarbe festzulegen, und scrollen Sie dann nach unten zum Abschnitt Farbpalette -Bereich. Wählen Sie einen Palettentyp (Analog, Komplementär, Triadisch usw.) und ziehen Sie den Anzahl-Regler, um 3–10 Farbtöne auszuwählen. Die Palette wird sofort aktualisiert. Verwenden Sie Farben kopieren, PNG herunterladen, oder CSS exportieren um das Ergebnis zu verwenden.
CSS exportieren kopiert einen :root { } -Block, der jede Palettenfarbe als benutzerdefinierte CSS-Eigenschaft enthält (z. B. --color-1: #3a7bd5;). Sie können dies direkt in Ihr Stylesheet einfügen und die Variablen in Ihrem gesamten Projekt verwenden.
Ja. HEIC- und HEIF-Dateien werden automatisch in Ihrem Browser in JPEG umgewandelt, bevor das Bild angezeigt wird. Während der Umwandlung erscheint eine Ladeanzeige, und es werden keine Dateien an unsere Server gesendet.