Farbwähler für Bilder und Farbpalette

Lade ein Bild, klicke eine beliebige Stelle an, um die genaue Farbe unter dem Cursor zu erfassen, und kopiere den HEX-, RGB- oder HSL-Wert. Das Tool zieht außerdem automatisch eine Palette der Hauptfarben heraus. Dein Bild wird direkt im Browser aus dem Canvas gelesen und nirgendwohin gesendet.

Ziehe ein Bild hierher oder klicke, um eine Datei auszuwählen

JPG, PNG, WebP und GIF werden unterstützt. Die Dateien bleiben auf deinem Gerät.

Klicke auf das Bild, um eine Farbe auszuwählen. Bewege den Cursor für eine Vorschau vor dem Klick.

Gewählte Farbe

Palette

Die Farben werden von deinem Browser über die Canvas-API direkt aus den Bildpixeln gelesen. Das Bild selbst wird nie auf einen Server hochgeladen.

Exakte Farben aus jedem Bild auslesen

Designer und Entwickler brauchen ständig die genaue Farbe eines Pixels: das Blau in einem Logo, den Hintergrund eines Screenshots, den Akzent in einem Foto. Dieser Farbwähler für Bilder macht aus deinem Bild eine anklickbare Fläche, zeigt den Wert unter dem Cursor in drei gängigen Formaten an und lässt dich jeden davon mit einem Klick kopieren. Zusätzlich durchsucht er das ganze Bild und erstellt eine Palette der häufigsten Farben, sodass du ein fertiges Farbschema direkt aus einem Referenzbild übernehmen kannst.

Nutze ihn, um Markenfarben abzugleichen, ein Theme aus einem Screenshot nachzubauen, Farbtöne aus einem Foto für ein Design zu entnehmen oder ein Farbschema aus einem Kunstwerk zu ziehen.

So wählst du eine Farbe aus

  1. Bild öffnen. Ziehe ein Bild hinein oder wähle eine Datei aus, dann erscheint es auf dem Canvas.
  2. Pixel anklicken. Klicke eine beliebige Stelle im Bild an, um die Farbe an diesem Punkt zu erfassen.
  3. Code kopieren. Kopiere den HEX-, RGB- oder HSL-Wert oder klicke auf ein Farbfeld der Palette, um dessen HEX-Code zu kopieren.

Drei Farbformate

Jede Auswahl wird als HEX für CSS und Design-Tools, als RGB für Code und als HSL zum Anpassen von Farbton, Sättigung und Helligkeit angezeigt. Kopiere das Format, das dein Projekt braucht.

Automatische Palette

Das Tool tastet das Bild ab und fasst ähnliche Töne zusammen, um die dominanten Farben herauszuholen. So bekommst du sofort eine Palette, die du für ein stimmiges Design übernehmen kannst.

Pixel werden lokal gelesen

Das Bild wird in deinem Browser auf einen Canvas gezeichnet und die Farben werden von dort gelesen. Es wird nichts hochgeladen, daher bleiben private Entwürfe und Screenshots auf deinem Rechner.

Darum lohnt sich der Farbwähler

  • Kopieren mit einem Klick: HEX, RGB oder HSL sofort übernehmen.
  • Palette in Sekunden: die Hauptfarben jedes Bildes, bereit zur Wiederverwendung.
  • Kein Upload: Die Pixel werden im Browser gelesen und bleiben privat.
  • Kostenlos: ohne Konto und ohne Wasserzeichen.
  • Auf jedem Gerät: per Klick am Desktop oder per Tippen am Smartphone.

Typische Einsatzzwecke des Farbwählers

Meistens öffnen Leute dieses Tool, um den Hex-Code einer Farbe aus einem Foto oder Screenshot zu bekommen. Lade ein Logo hoch und klicke auf das Zeichen, um die exakte Markenfarbe abzulesen, oder klicke auf den Hintergrund eines Screenshots, um eine Website-Farbe an ein Bild anzupassen, mit dem du arbeitest. Jede Auswahl liefert dir den Wert gleich in drei Formaten: einen HEX-Code wie #1A73E8 zum Einfügen in CSS oder eine Design-App, einen RGB-Wert wie rgb(26, 115, 232) für Code und einen HSL-Wert zum Anpassen von Farbton, Sättigung und Helligkeit. Neben jedem Wert gibt es einen Kopieren-Button, sodass du den RGB-Wert eines einzelnen Pixels mit einem Klick findest und kopierst.

Auch eine Palette aus einem Bild ist schnell erstellt. Sobald das Bild geladen ist, liest das Tool die Pixel und listet bis zu acht der häufigsten Farben als Farbfelder auf, jeweils mit dem HEX-Code darunter. Klicke ein Farbfeld an, um die Farbe in die Hauptanzeige zu laden, oder klicke den Code an, um ihn direkt in die Zwischenablage zu kopieren. So holst du ein Farbschema aus einem Kunstwerk, einem Foto oder einem Moodboard oder ziehst passende Töne aus einem Referenzbild, ohne zu raten.

Häufige Fragen

Öffne dein Bild und klicke dann auf die gewünschte Stelle. Die Farbe dieses Pixels erscheint als HEX, RGB und HSL, jeweils mit einem Kopieren-Button.

Ja. Sobald das Bild geladen ist, analysiert das Tool es und zeigt eine Palette der häufigsten Farben. Klicke ein Farbfeld an, um dessen HEX-Wert zu kopieren.

Nein. Das Bild wird in deinem Browser auf einen Canvas gezeichnet und die Farbwerte werden von dort gelesen. Die Datei wird nie an einen Server gesendet.

Das sind drei Schreibweisen für dieselbe Farbe. HEX ist in CSS verbreitet, RGB nennt die Werte für Rot, Grün und Blau, und HSL beschreibt Farbton, Sättigung und Helligkeit, was sich gut zum Abwandeln von Farbtönen eignet.

Ja. Tippe auf das Bild, um eine Farbe aufzunehmen. Das Tool läuft in mobilen Browsern ohne App.

Das Tool liest den exakten Pixelwert aus den Bilddaten, die Farbe wird also direkt aus der Quelle übernommen und nicht geschätzt.

Ja. Du kannst jeden sichtbaren Pixel auslesen. Vollständig transparente Bereiche liefern keine Farbe, weil dort nichts zu lesen ist.

Ja, es ist komplett kostenlos, braucht kein Konto und fügt deinem Bild nichts hinzu.

Lade das Bild und klicke auf die gewünschte Stelle. Das HEX-Feld zeigt den Code für diesen Pixel an, zum Beispiel #1A73E8, und der Kopieren-Button daneben legt den Code in die Zwischenablage, bereit zum Einfügen in CSS oder ein Design-Tool.

Klicke den Pixel im Bild an und lies das RGB-Feld ab. Es zeigt die Farbe als rgb(Rot, Grün, Blau), zum Beispiel rgb(26, 115, 232). Mit dem Kopieren-Button übernimmst du den Wert. Dieselbe Auswahl wird auch als HEX und HSL angezeigt.

Öffne das Logo und klicke direkt auf den farbigen Teil des Zeichens. Die gewählte Farbe erscheint als HEX, RGB und HSL mit Kopieren-Buttons, sodass du die exakte Markenfarbe übernehmen kannst. Die automatische Palette daneben listet außerdem die Hauptfarben des Logos als Farbfelder zum Kopieren auf.

Ja. Das Bild wird in deinem Browser auf einen Canvas gezeichnet und die Farben werden direkt dort aus den Pixeln gelesen. Es wird nichts an einen Server gesendet, die Datei verlässt dein Gerät also nie.

Ähnliche Tools