Kostenloser Bild-Farbwähler

Der Bild-Farbwähler ist ein kostenloses Online-Tool, das Farben aus jedem Bild extrahiert und die exakten Werte in HEX, RGB und HSL liefert.

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Verarbeitung erfolgt clientseitig in deinem Browser.

Der Bild-Farbwähler liefert Farbwerte in den Formaten HEX, RGB und HSL, die direkt in deinen Design- oder Code-Projekten einsatzbereit sind.

Absolut. Der Bild-Farbwähler verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Bild-Farbwähler ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ganz ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Bild-Farbwähler in deinem Browser und lege sofort los. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Bild-Farbwähler funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Sie beschreiben dieselbe Farbe in unterschiedlichen Notationen. HEX ist die sechsstellige #RRGGBB-Form, die in CSS und den meisten Web-Tools verwendet wird, wobei jedes Zahlenpaar einen Rot-, Grün- oder Blaukanal im 16er-System darstellt. RGB schreibt dieselben drei Kanäle als Zahlen von 0 bis 255, entsprechend der Art, wie Bildschirme tatsächlich Licht ausstrahlen. HSL nutzt stattdessen Farbton (einen Winkel auf dem Farbkreis), Sättigung und Helligkeit, wodurch es viel einfacher ist, einen Ton heller oder kräftiger zu machen, ohne mit der Kanal-Mathematik zu jonglieren. Keines der Formate ist "richtiger" — Sie wählen einfach das, was Ihr Kontext erwartet: HEX für Stylesheets, RGB für viele Design-Apps, HSL, wenn Sie Töne per Hand anpassen. Klicken Sie hier auf einen beliebigen Punkt Ihres Bildes, und die Pipette zeigt alle drei gleichzeitig an, sodass Sie kopieren können, was Ihr Projekt braucht.

CMYK beschreibt Prozentwerte für Cyan, Magenta, Gelb und Schwarz-Tinte für den Druck, doch Ihr Bild existiert in der RGB-Welt der Bildschirme, die Farben darstellen können, die Tinte schlicht nicht reproduzieren kann. Die Umrechnung von RGB in CMYK erfordert eine mathematische Formel, und dieses Tool verwendet dafür eine geräteunabhängige Standardformel — doch die tatsächliche Druckfarbe hängt zusätzlich von der Druckmaschine, dem Papier und dem verwendeten ICC-Profil ab. Das bedeutet: Die CMYK-Werte hier sind ein verlässlicher Ausgangspunkt, aber keine Garantie für das, was am Ende aus einer bestimmten Druckmaschine kommt. Für exaktes Druckwerk sollten Sie diese Werte als Referenz behandeln und mit einem Proof oder dem Profil Ihrer Druckerei abgleichen. Die Pipette zeigt außerdem CIE LAB an, ein perzeptuell gleichmäßiges Modell, das nützlich ist, wenn Sie messen möchten, wie unterschiedlich zwei Farben tatsächlich wirken. Klicken Sie auf eine Farbe, um alle Formate gemeinsam zu sehen.

Über einzelne Klicks hinaus scannt die Pipette das gesamte Bild und gruppiert ähnliche Pixel, um die Handvoll Farben herauszufiltern, die die größte Fläche einnehmen, und zeigt dann ungefähr an, wie viel Prozent des Bildes jede davon abdeckt. Das ist der schnellste Weg, die Palette eines Fotos, eines Konkurrenz-Screenshots oder eines Moodboards zu rekonstruieren, ohne Dutzende Punkte einzeln von Hand abzutasten. Da sehr große Bilder vor der Analyse auf maximal 2000 Pixel an der längeren Seite skaliert werden, bleibt die Auswertung auch bei großen Dateien schnell, während sie die tatsächliche Farbverteilung widerspiegelt. Von dort aus können Sie die gewünschten Farben in einer Arbeitspalette speichern. Laden Sie oben ein Bild hoch, und die dominanten Farben erscheinen automatisch samt ihrem prozentualen Anteil.

Mit der Bildschirm-Pipette können Sie eine Farbe von einer beliebigen Stelle Ihres Bildschirms auswählen, nicht nur innerhalb des hochgeladenen Bildes — praktisch, um einen Farbton aus einem anderen Fenster oder einer Webseite neben dem Tool zu erfassen. Sie basiert auf der nativen EyeDropper-API des Browsers, die derzeit in Chrome und Edge unterstützt wird, aber nicht in jedem Browser, weshalb das Tool den Button nur anzeigt, wenn es erkennt, dass Ihr Browser diese Funktion beherrscht. Sehen Sie den Button nicht, fehlt Ihrem Browser diese Fähigkeit, doch Sie können weiterhin jede Farbe durch Klicken direkt auf ein geladenes Bild auswählen, was überall funktioniert. Ist der Button verfügbar, klicken Sie ihn an und dann auf einen beliebigen Bildschirmpixel, um genau diese Farbe zu erfassen. Öffnen Sie das Tool in Chrome oder Edge, um die Bildschirm-Pipette nutzen zu können.

Nachdem Sie eine Farbe ausgewählt haben, kann das Tool daraus Farbharmonien nach den klassischen Beziehungen des Farbkreises erzeugen: komplementär (der gegenüberliegende Farbton), analog (Nachbarfarben), triadisch, split-komplementär, tetradisch sowie eine Reihe von Farbschattierungen. Das ergibt ein stimmiges Ausgangsset an Farben, die zusammenpassen, statt zu raten, welche Töne harmonieren. Sie können die Favoriten in einer Arbeitspalette speichern, umbenennen und das gesamte Set anschließend als CSS Custom Properties, SCSS-Variablen, eine JSON-Datei oder einen Tailwind-Konfigurationsblock exportieren, um es direkt in einen Code einzubauen — oder als PNG-Farbmustertafel, um sie einem Briefing beizufügen. Das Tool schlägt außerdem für jede Auswahl den nächstgelegenen CSS-Standardfarbnamen vor, nützlich, wenn eine Spezifikation einen Namen statt eines Codes verlangt. Wählen Sie oben eine Basisfarbe, um sofort Harmonien zu erzeugen.