Zum Inhalt springen
AI Color Finder

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.

Keine Uploads Für immer kostenlos Keine Anmeldung 7 Farbformate

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.

Das 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.

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.

  1. 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.

  2. 02

    Aufnehmen oder extrahieren

    Klicke mit der Lupe auf Pixel, nutze deine System-Pipette oder extrahiere die dominante Palette automatisch.

  3. 03

    Kopieren oder exportieren

    Schnapp dir jedes Format oder exportiere die ganze Palette als CSS, Tailwind, SCSS, JSON, SVG oder PNG.

Farbfinder-Anleitung

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.