Bild-Farbfinder · HEX · RGB · HSL
Farbfinder — finde jede Farbe
in jedem Bild.
Nutze ihn als Bild-Farbwähler oder Hex-Farbfinder: Zieh ein Bild hinein, wähle jeden Pixel mit einer Lupe aus und kopiere die exakten HEX-, RGB- und HSL-Codes. Extrahiere die vollständige Palette, finde Komplementärfarben, prüfe den Kontrast und exportiere produktionsreifen Code — alles in deinem Browser.
Der Farbwähler
Farben aus einem Bild aufnehmen
Klicke auf einen beliebigen Pixel, um seine exakte Farbe abzulesen. Nutze die Lupe für Präzision oder starte die System-Pipette.
Bildfarben
Am dominantesten → am wenigsten dominantDas Toolkit
Alles, was du für die Arbeit mit Farben brauchst
Eine komplette, private Farb-Suite: aus Bildern aufnehmen, Paletten extrahieren, Formate konvertieren, Barrierefreiheit prüfen und Farbverläufe erstellen.
Bild-Farbwähler
Lade ein Bild hoch, füge es ein oder verlinke es, und wähle dann jeden Pixel mit einer Lupe aus. Jedes Format, ein Klick zum Kopieren.
Paletten-Generator
Hole die dominante Farbpalette aus jedem Bild mit Abdeckungsprozenten und exportiere sie nach CSS, Tailwind oder JSON.
Farbkonverter
Konvertiere zwischen HEX, RGB, HSL, HSV, CMYK, OKLCH und LAB mit Live-Vorschauen und kopierbaren Werten.
Kontrastprüfer
Prüfe den WCAG-AA- und AAA-Kontrast mit automatischen Vorschlägen, dazu ein Simulator für Farbenblindheit.
Farbverlauf-Generator
Stelle lineare, radiale und konische CSS-Farbverläufe aus deiner Palette zusammen und exportiere sauberen, kopierbaren Code.
Benannte Farben
Erkunde Tausende benannte Farben nach Familie und Helligkeit, mit Codes, die bereit zum Kopieren sind.
Warum er besser ist
Gebaut für Menschen, die Farben wirklich ausliefern
Pixelgenaue Lupe
Eine Lupe folgt deinem Cursor und zeigt den exakten Pixel mit einer Live-HEX-Anzeige, damit du nie wieder eine Farbe erraten musst.
Echte Palettenextraktion
Die Median-Cut-Quantisierung findet die tatsächlich dominanten Farben mit Abdeckungsprozenten — nicht nur eine feste Auswahl an Farbfeldern.
Überallhin exportieren
Kopiere CSS-Variablen, ein Tailwind-@theme, SCSS, JSON, ein SVG-Blatt oder ein PNG — mit einem Klick.
Barrierefreiheit integriert
Jede Farbe zeigt ihren WCAG-Kontrast gegen Weiß und Schwarz, mit einem vollständigen Prüfer und Simulator für Farbenblindheit.
Jedes Format
HEX, RGB, HSL, HSV, CMYK sowie moderne OKLCH- und LAB-Werte — alles sofort konvertiert und bereit zum Kopieren.
Privat by design
Deine Bilder werden vollständig im Browser mit der Canvas API verarbeitet. Nichts wird jemals hochgeladen.
So funktioniert es
Drei Schritte vom Bild zum Code
Keine Konten, keine Limits, keine Wasserzeichen. Lade ein Bild und du bist Sekunden von einer Farbe entfernt.
- 01
Füge dein Bild hinzu
Zieh eine Datei hinein, füge sie aus der Zwischenablage ein oder gib eine Bild-URL ein. Nichts verlässt dein Gerät.
- 02
Aufnehmen oder extrahieren
Klicke mit der Lupe auf Pixel, nutze deine System-Pipette oder extrahiere die dominante Palette automatisch.
- 03
Kopieren oder exportieren
Schnapp dir jedes Format oder exportiere die ganze Palette als CSS, Tailwind, SCSS, JSON, SVG oder PNG.
Farbfinder-Anleitung
Kostenloser Online-Farbfinder — jede Farbe aufnehmen, extrahieren und kopieren
AI Color Finder ist ein kostenloser Online-Farbfinder, der jedes Bild in exakte, kopierfertige Farben verwandelt. Zieh ein Foto, einen Screenshot oder einen Design-Entwurf hinein, klicke auf den exakten Pixel, den du möchtest, und das Tool liefert sofort seinen Code in HEX, RGB, HSL, HSV, CMYK, OKLCH und LAB zurück. Es gibt keine Anmeldung, keinen Datei-Upload und kein Wasserzeichen — jede Berechnung läuft in deinem Browser, sodass deine Bilder niemals dein Gerät verlassen. Ob du einen schnellen Hex-Farbwähler oder eine vollständige Palette aus einem Screenshot brauchst: Alles ist hier, an einem Ort, und es ist völlig kostenlos.
Was ist ein Farbfinder?
Ein Farbfinder ist jedes Tool, das die exakte Farbe eines Punktes auf dem Bildschirm oder in einem Bild identifiziert und als wiederverwendbaren Code ausgibt. Statt zu raten, welcher Blauton hinter einer Schaltfläche steckt, nimmst du ihn ab und liest den präzisen Wert ab. Ein guter Farbfinder tut drei Dinge: Er wählt den richtigen Pixel aus, er wandelt diesen Pixel in die gängigen Farbformate um und er gibt dir mit einem Klick Zugriff auf den Code, sodass du ihn direkt in CSS, Figma, Tailwind oder eine Design-Spezifikation übernehmen kannst. AI Color Finder macht alle drei Dinge und bietet obendrein Palettenextraktion, Kontrastprüfung und Farbverlauf-Erstellung.
Farbwähler aus Bild — so funktioniert das Aufnehmen
Der Farbwähler ist das Herzstück des Tools. Lade eine Datei hoch, füge sie aus der Zwischenablage ein, zieh ein Bild auf die Fläche oder gib eine Bild-URL ein — und es lädt direkt auf ein HTML-Canvas. Bewege den Cursor irgendwohin und eine Lupe folgt ihm, zeigt den darunterliegenden Pixel 9× vergrößert mit einer Live-HEX-Anzeige — so liest du nie eine anti-aliased Kante falsch. Klicke, um die Farbe zu fixieren, und die Seitenleiste füllt sich gleichzeitig mit jedem Format. Wenn dein Browser die native EyeDropper-API unterstützt, nimmt eine Pipetten-Schaltfläche Farben von überall auf deinem Bildschirm auf, sogar außerhalb der Seite. Als Bild-Farbwähler, Bild-Farbfinder und Farbfinder aus Bild liest er PNG, JPG, WebP, GIF und SVG mit gleicher Leichtigkeit.
HEX-Farbwähler und Hex-Code-Farbfinder
Die meisten Designer leben in HEX, deshalb steht der Hex-Farbwähler im Mittelpunkt. Jeder ausgewählte Pixel wird als sechsstelliger HEX-Code wie #0070F3 angezeigt, und du kannst ihn mit einem einzigen Klick kopieren. Als Hex-Farbfinder und Hex-Code-Farbfinder liest das Tool auch HEX-Eingaben: Füge einen Wert wie #ff0080 ein und es zerlegt ihn in RGB, HSL und den Rest. Weil HEX nur eine kürzere Schreibweise für Rot, Grün und Blau ist — jedes Ziffernpaar reicht von 00 bis FF — ist die Umrechnung zwischen HEX und RGB sofort und verlustfrei, und das Tool rundet deine Farbe nie weg.
RGB-Farbfinder und Farbcode-Finder
Der RGB-Farbfinder zeigt dieselbe Farbe als Rot-, Grün- und Blaukanal auf einer Skala von 0–255, genau das, was du brauchst, wenn du Code schreibst statt in einer UI zu gestalten. Neben RGB erhältst du HSL, HSV, CMYK, OKLCH und LAB, sodass das Tool als vollständiger Farbcode-Finder für Druck, Web, Barrierefreiheit und modernes CSS funktioniert. OKLCH und LAB sind wahrnehmungsgleich, was sie ideal für die Erstellung von Tönungen, Schattierungen und konsistenten Themes macht. Jeder Wert aktualisiert sich in dem Moment, in dem du den Cursor bewegst, und jeder hat seine eigene Kopier-Schaltfläche, sodass du das Format greifen kannst, das dein Projekt braucht — ganz ohne manuelles Rechnen.
Komplementärfarben-Finder
Eine einzelne Farbe zu wählen ist nur die halbe Arbeit; die andere Hälfte ist, Farben zu finden, die dazu passen. Der Komplementärfarben-Finder hilft dir, Harmonien rund um jede aufgenommene Farbe aufzubauen — ihr Komplement auf der gegenüberliegenden Seite des Farbkreises, dazu analoge und andere verwandte Schattierungen. Kombiniere ihn mit dem Kontrastprüfer, um sicherzustellen, dass dein Text und Hintergrund WCAG AA oder AAA erfüllen, und mit dem Paletten-Generator, um eine Farbe zu einem vollständigen, ausgewogenen Schema zu erweitern. In der Praxis heißt das, du kannst eine Markenfarbe aus einem Logo abnehmen, ihr Komplement finden, den Kontrast prüfen und das ganze Set in unter einer Minute als CSS-Variablen exportieren.
Pantone-Farbfinder und benannte Farben
Manchmal brauchst du für eine Farbe einen Namen. Das Tool ordnet jede aufgenommene Farbe ihrer nächstgelegenen benannten CSS-Farbe zu und gibt ihr einen beschreibenden, menschenlesbaren Namen auf Basis von Farbton, Helligkeit und Sättigung — hilfreich, wenn du lieber von „Deep Cobalt“ sprechen möchtest als von #1E3A8A. Wenn du einen Pantone-Farbfinder suchst, ist unsere Bibliothek benannter Farben ein offener, unverbindlicher Weg, um Tausende Farbfelder nach Familie und Helligkeit zu erkunden und den nächstgelegenen Code zu kopieren. Es ist kein offizieller Pantone-Ersatz, aber eine schnelle, kostenlose Referenz zum Finden und Teilen wiedererkennbarer Farben.
Die Palette aus jedem Bild extrahieren
Über einen einzelnen Pixel hinaus kann der Bild-Farbfinder ein ganzes Bild auf einmal lesen. Der integrierte Paletten-Generator führt eine Median-Cut-Quantisierung über jeden Pixel aus, um die tatsächlich dominanten Farben hervorzubringen, und zeigt, wie viel des Bildes jede davon einnimmt, statt einer festen Menge an Vermutungen. Von dort kannst du die Palette als CSS-Custom-Properties, ein Tailwind-v4-Theme, SCSS-Variablen, JSON, ein SVG-Farbfelder-Blatt oder ein PNG exportieren. Fotografie, Produktaufnahmen, Screenshots und Moodboards werden alle in wenigen Klicks zu einsatzbereiten Farbsystemen.
Warum AI Color Finder nutzen?
- Kostenlos und unbegrenzt — jedes Tool ist offen, ohne Konto, E-Mail oder Kreditkarte.
- Privat by design — Bilder werden mit der Canvas API verarbeitet und niemals hochgeladen oder auf einem Server gespeichert.
- Pixelgenau — die Lupe und die System-Pipette stellen sicher, dass du genau die Farbe aufnimmst, die du meinst.
- Jedes Format — HEX, RGB, HSL, HSV, CMYK, OKLCH und LAB werden sofort konvertiert und sind bereit zum Kopieren.
- Funktioniert offline — sobald die Seite geladen ist, arbeitet der Farbwähler ganz ohne Verbindung weiter.
Ob du auf der Suche nach einem Farbwähler, einem Hex-Farbfinder, einem Bild-Farbwähler oder einem vollständigen Farbfinder aus Bild hier gelandet bist: Alles befindet sich auf dieser einen Seite. Lade ein Bild, wähle eine Farbe und kopiere den Code — kein Konto, keine Kosten, keine Uploads. Setze den Farbfinder als Lesezeichen und halte ihn neben deinem Editor.
FAQ
Häufig gestellte Fragen
Wie wähle ich eine Farbe aus einem Bild?
Zieh ein Bild auf den Farbwähler, füge es aus der Zwischenablage ein oder gib eine Bild-URL ein. Klicke oder ziehe irgendwohin auf dem Bild und eine Lupe zeigt den exakten Pixel unter deinem Cursor mit seinem Live-HEX-Wert. Lass los, um die Farbe zu speichern.
Was ist ein HEX-Farbcode?
Ein HEX-Code ist eine sechsstellige Hexadezimalzahl, die Rot-, Grün- und Blaukanal hinter einem führenden # speichert (zum Beispiel #0070F3). Jedes Ziffernpaar reicht von 00 (nichts) bis FF (voll) und deckt dieselben 16,7 Millionen Farben wie RGB in einer kürzeren Schreibweise ab.
Wird mein Bild auf einen Server hochgeladen?
Nein. Alles läuft in deinem Browser mithilfe der HTML-Canvas-API. Dein Bild verlässt niemals dein Gerät, bleibt also privat und das Tool funktioniert nach dem Laden sogar offline.
Welche Farbformate werden unterstützt?
Jede aufgenommene oder extrahierte Farbe wird in HEX, RGB, HSL, HSV, CMYK, OKLCH und LAB angezeigt. Du kannst jedes einzeln kopieren oder eine ganze Palette auf einmal exportieren.
Kann ich die vollständige Farbpalette eines Bildes extrahieren?
Ja. Der Paletten-Generator führt eine Median-Cut-Quantisierung über das Bild aus, um die dominanten Farben zu finden, zeigt, wie viel des Bildes jede Farbe einnimmt, und lässt dich die Palette als CSS-Variablen, ein Tailwind-Theme, SCSS, JSON, SVG oder ein PNG-Farbfelder-Blatt exportieren.
Ist AI Color Finder kostenlos?
Ja, jedes Tool ist kostenlos und erfordert kein Konto, keine E-Mail und keine Kreditkarte. Es werden keine Werbeanzeigen in die Tools eingefügt und es gibt keine Nutzungslimits.
Wie verwende ich den Farbfinder?
Lade ein Bild in den Farbwähler, indem du eine Datei darauf ziehst, aus der Zwischenablage einfügst, eine Datei auswählst oder eine Bild-URL einfügst, und bewege dann deinen Cursor über das Bild. Eine Lupe folgt dem Zeiger und zeigt den exakten darunterliegenden Pixel mit seinem Live-HEX-Wert. Klicke auf einen Pixel, um die Farbe zu fixieren, und die Seitenleiste füllt sich mit HEX-, RGB-, HSL-, HSV-, CMYK-, OKLCH- und LAB-Werten, jeder mit einer Ein-Klick-Kopier-Schaltfläche.
Wie verwendet man den True-Color-Finder
Ein True-Color-Finder meldet die tatsächlich in einem Bild gespeicherte Farbe statt einer Annäherung. AI Color Finder liest die Rohpixeldaten direkt aus dem HTML-Canvas, sodass die zurückgegebenen HEX- und RGB-Werte die exakten 8-Bit-Werte in der Datei sind, ohne Raten und ohne Serverkompression. Nimm mit der Lupe eine einfarbige Fläche ab, um anti-aliased Kanten zu vermeiden, und du erhältst jedes Mal die wahre Farbe.
Wie ändert man die Hintergrundfarbe des Finders
Der Hintergrund des Farbwählers folgt dem Seitentheme. Nutze den Theme-Umschalter in der oberen Navigation, um zwischen Hell und Dunkel zu wechseln, was die Fläche hinter der Bildvorschau ändert. Um den Hintergrund eines Designs oder einer Palette zu ändern, die du erstellst, kopiere den HEX- oder RGB-Wert einer Farbe und wende ihn in deinem CSS, Figma oder Tailwind als Hintergrund an.
Was ist das beste Online-Farbwähler-Tool?
Der beste Online-Farbwähler ist schnell, genau und privat. AI Color Finder ist ein kostenloser browserbasierter Farbwähler, der Pixel aus jedem hochgeladenen Bild mit einer 9-fach-Lupe aufnimmt, die System-EyeDropper unterstützt und nach HEX, RGB, HSL, HSV, CMYK, OKLCH und LAB konvertiert, ohne deine Bilder jemals hochzuladen. Er extrahiert außerdem vollständige Paletten, prüft den WCAG-Kontrast und erstellt Farbverläufe, sodass du nicht mehrere separate Tools brauchst.
Wie verwendet man den Farbwähler
Öffne den Farbwähler, füge ein Bild hinzu und fahre dann über den Bereich, den du aufnehmen möchtest. Die Lupe zeigt den Pixel unter deinem Cursor und seinen Live-Code, und du klickst, um ihn auszuwählen. Jedes Format erscheint in der Seitenleiste mit einer Kopier-Schaltfläche, und du kannst Favoriten an eine Palette anheften oder die Pipette nutzen, um Farben von überall auf deinem Bildschirm aufzunehmen.
Kann KI Farben erkennen?
Ja. AI Color Finder erkennt Farben automatisch, indem er die Rohpixeldaten eines Bildes liest und die gesamte Datei analysiert, um ihre dominanten Farben zu finden. Er meldet exakte Werte wie HEX und RGB für jeden Pixel, auf den du zeigst, und seine Paletten-Engine nutzt Farbquantisierung, um die repräsentativsten Farben in einem Foto, Screenshot oder Logo hervorzubringen — alles sofort und ohne Uploads.
Wie identifiziere ich eine Farbe?
Um eine Farbe zu identifizieren, nimm den Pixel ab und lies seinen Code. Lade ein Bild in den Farbfinder hoch oder füge es ein, bewege die Lupe über die exakte Stelle und klicke, um seine HEX-, RGB-, HSL- und andere Werte zu sehen. Wenn die Farbe auf deinem Bildschirm ist, nutze die Pipette, um sie direkt aufzunehmen. Für ein ganzes Bild öffne den Paletten-Generator, um die dominanten Farben auf einmal zu identifizieren.
Wie kann ich Farben aus einem Bild finden?
Zieh das Bild auf den Farbfinder und klicke entweder einzelne Pixel an, um ihre exakten Codes abzulesen, oder öffne den Paletten-Generator, um die dominanten Farben automatisch zu extrahieren. Die Palettenansicht zeigt, wie viel des Bildes jede Farbe einnimmt, und lässt dich das Set als CSS, Tailwind, SCSS, JSON, SVG oder PNG exportieren.
Was ist die beste Farbdetektor-App?
Der beste Farbdetektor ist einer, der überall funktioniert, ohne dass du etwas installieren musst. AI Color Finder läuft in deinem Browser auf Desktop und Mobilgerät, erkennt Farben aus Bildern und von deinem Bildschirm über die EyeDropper-API und ist völlig kostenlos ohne Anmeldung. Da die gesamte Verarbeitung auf deinem Gerät stattfindet, ist er auch die privateste Option.
Wie erkennen wir Farben?
Farben werden erkannt, indem die Rot-, Grün- und Blauwerte einzelner Pixel in digitalen Bildern gelesen werden. Ein Farbfinder lädt das Bild in ein Canvas, nimmt den Pixel unter deinem Cursor ab und wandelt diese RGB-Werte in HEX, HSL und andere Formate um. Paletten-Tools gehen weiter und analysieren jeden Pixel, um ähnliche Schattierungen zu den dominanten Farben des Bildes zusammenzufassen.
Wie wähle ich eine Farbe aus einem Bild?
Lade dein Bild in den Farbwähler hoch oder füge es ein und klicke dann auf den exakten Pixel, den du möchtest. Die Lupe zoomt hinein, damit du die richtige Stelle anvisieren kannst, und in dem Moment, in dem du klickst, erscheinen die HEX-, RGB-, HSL-, HSV-, CMYK-, OKLCH- und LAB-Werte der Farbe, bereit zum Kopieren.
Welche Farbe ist 999999?
#999999 ist ein mittleres Grau aus gleichen Rot-, Grün- und Blauwerten von jeweils 153. In HSL ist es ein neutrales Grau mit 0 % Sättigung bei etwa 60 % Helligkeit. Es ist eine gängige Wahl für gedämpften Text, Rahmen und deaktivierte Zustände, und es erreicht gegen Weiß etwa 2,85:1, was WCAG AA für Fließtext nicht erfüllt.
Wie prüft man den Farbwähler?
Um einen Farbwähler zu prüfen, lade eine bekannte Farbe und bestätige den Wert, den er zurückgibt. Füge ein Testbild ein oder gib einen HEX-Code wie #0070F3 in den Farbkonverter ein und sieh nach, ob die RGB-, HSL- und anderen Anzeigen dem entsprechen, was du erwartest. In AI Color Finder kannst du Farben außerdem anheften, um sie Seite an Seite zu vergleichen und die exakten Codes vor dem Kopieren zu überprüfen.
Welche Farbe ist 00001?
00001 ist kein gültiger sechsstelliger HEX-Code, weil HEX-Farben genau sechs Ziffern nach dem #-Zeichen verwenden und 00001 nur fünf hat. Wenn du #000001 meintest, ist es sehr nahe an reinem Schwarz mit dem zartesten Hauch von Blau, während #000011 ein fast schwarzes Marineblau ist. Ergänze den Wert zu #000001 für einen gültigen Code.
Welche Farbe ist 666666?
#666666 ist ein dunkles Grau aus gleichen Rot-, Grün- und Blauwerten von jeweils 102. Es hat 0 % Sättigung in HSL und liegt bei 40 % Helligkeit, was einen weichen Anthrazitton ergibt. Auf Weiß erreicht es einen Kontrast von etwa 5,74:1 und erfüllt damit WCAG AA für normalen Text.
Jetzt starten
Deine nächste Palette ist nur ein Bild entfernt
Farben aufnehmen, Paletten extrahieren und Code exportieren — kostenlos, privat und sofort.