Farbe aus Bild online kostenlos

Leg ein Foto ab, ziel mit der Lupe und kopiere HEX, RGB oder HSL. Auf einem flachen Logo reicht ein Pixel. Auf einem Foto kannst du ein kleines Feld mitteln. Auf dem Handy vergrößerst du und zielst über dem Finger. Die Datei bleibt in diesem Tab.

Foto hierher ziehen und die Farbe holen

JPG, PNG, WebP, GIF, BMP oder AVIF. Eine Datei unter 40 MB. Einen Screenshot mit Strg+V oder ⌘V einfügen.

100 % privat: die Pixel bleiben in diesem Browser. Nichts wird hochgeladen.

100 % lokal

Die Farbpipette läuft in diesem Browser. Das Foto verlässt den Tab nicht.

Kein Hochladen

Nichts geht auf einen Server, nur damit ein Pixel gelesen oder die Palette gebaut wird.

Kostenlos, ohne Konto

Keine Anmeldung und kein Wasserzeichen auf dem Code. Kopiere HEX, RGB oder HSL.

Was Farbpipette und Farbe aus Bild sind

Eine Farbpipette liest hier die Farbe eines Pixels in einer Datei, die du schon hast, und gibt dir den Code. Farbe aus Bild ist genau dieser Auftrag: ein Foto hinein, ein Code hinaus. Ob du die Farbe bestimmen, auslesen oder erkennen willst, der Schritt bleibt derselbe. Auch ein Hex-Code aus dem Bild landet hier. Die englische Suche dazu heißt Color picker from image. Es ist keine Bildersuche. Eine Anfrage, wie eine Farbe namens Taupe aussieht, bekommst du hier nicht als Galerie. Es ist auch kein Filter, der das Foto umfärbt. HEX, RGB und HSL sind drei Schreibweisen derselben festgelegten Stelle. Ein gesperrter Punkt kann #1A73E8, rgb(26, 115, 232) und hsl(214, 82%, 51%) zugleich sein. Der Name daneben ist der nächste englische CSS-Name, etwa steel blue oder tomato. Das ist kein Markenname von einer Packung.

Eine Pipette unter Windows, am Mac oder in Chrome, und auch eine Chrome-Erweiterung, liest den Monitor. Dieselbe Klasse heißt auf Englisch color picker. Sie öffnet keine PNG, die in den Downloads liegt, und sie fällt aus, wenn der Browser keine Bildschirm-Schnittstelle hat. Diese Seite zeichnet deine Datei auf eine Fläche im Tab und liest diese Fläche. Du fügst einen Screenshot ein oder legst die Datei ab. Eine Adresse aus dem Netz nimmt die Seite nicht an. Das Bild einer anderen Website lässt sich aus diesem Tab meist nicht lesen, und die Datei wird nicht hochgeladen, um das zu umgehen. Eine PDF-Seite ist kein Foto, deshalb scheitert sie hier. Eine eigene App oder ein Desktop-Programm brauchst du nicht. Kostenlos heißt hier: kein Konto und kein Installer.

Ein einzelner Pixel ist die richtige Lesung auf einem flachen Logo oder auf der Füllung einer Schaltfläche. Auf einem Foto ist er oft die falsche. JPEG-Blöcke, Rauschen aus der Kamera und geglättete Kanten lassen Nachbarn voneinander abweichen, während das Auge mittelt. 3×3 und 5×5 mitteln dieses kleine Feld, damit der Code näher an der Farbe liegt, die du siehst. Die Lupe zeichnet diese echten Pixel, ein Raster von 11×11, die mittlere Zelle markiert, damit der Zeiger die Stelle nicht verdeckt. Pfeiltasten rücken um einen Pixel, Umschalt um zehn. Die Farbpalette aus Bild daneben holt bis zu acht Farben aus dieser Datei, große ruhige Flächen gemischt mit kräftigeren Tönen, damit ein kleines Logo nicht unter einem hellen Hintergrund verschwindet. Nahezu gleiche Brauntöne werden ausgelassen. Das ist keine KI-Palette, kein Markenhandbuch und keine Adobe Farbpalette aus Bild aus einem anderen Programm. Auf dem Handy sitzt die Probe über dem Finger. Ist die Datei breiter als 2.000 px, liest die Seite eine Kopie mit 2.000 px und sagt das. Ein animiertes GIF liefert nur das erste Einzelbild.

Eine Lupe auf einem ausgedruckten Foto von einer blauen Tasse und einer Orange.

HEX, RGB und HSL sind dieselbe Farbe

Kopiere die Schreibweise, die das nächste Programm erwartet. Die drei Codes unten beschreiben einen festgelegten Pixel.

FormatExampleUse
HEX#1A73E8CSS, HTML, Figma und die meisten Designwerkzeuge. Sechs Stellen nach #.
RGBrgb(26, 115, 232)Dieselbe Farbe als Rot, Grün und Blau, jeweils von 0 bis 255.
HSLhsl(214, 82%, 51%)Farbton, Sättigung und Helligkeit. Praktisch, wenn du danach eine hellere oder dunklere Stufe brauchst.

Was du hier tun kannst

Eine Datei, eine Lupe, ein Zoom, eine Probengröße und Codes zum Kopieren. Die Palette behält die großen Flächen und die kräftigeren Farben.

Eine Lupe aus echten Pixeln

Das Raster folgt dem Zeiger und zeichnet einen Block von 11 mal 11 aus der Datei, nicht einen weichen Zoom der Vorschau. Die mittlere Zelle ist der Pixel, den du festlegen wirst. Pfeiltasten bewegen um einen Pixel. Umschalt bewegt um zehn. So triffst du eine Kante, ohne die Maus in Halbschritten zu schieben.

Ganz, 2× oder 4×

Ganz zeigt die ganze Datei. 2× und 4× vergrößern sie, damit eine kleine Marke leichter zu treffen ist. Ziehe die vergrößerte Datei, um sie zu verschieben, und klicke oder lass los, um festzulegen. Die Lupe liest weiter die Pixel der Datei selbst, nicht eine geglättete Bildschirmkarte.

1 px, 3×3 oder 5×5

1 px ist der einzelne Pixel, für Logos und flache Flächen. 3×3 und 5×5 mitteln das Feld darum, für Fotos, in denen Nachbarn nicht übereinstimmen. Transparente Pixel im Feld werden übersprungen, damit ein halb durchsichtiger Rand den Mittelwert nicht verwässert.

HEX, RGB, HSL und ein nächster Name

Kopiere HEX, RGB oder HSL von der festgelegten Farbe. Der Name ist der nächste gebräuchliche CSS-Name nach RGB-Abstand, zum Beispiel steel blue oder tomato. Er ist nicht der Markenname auf einer Verpackung. In CSS eingesetzt, kommt nicht zuverlässig derselbe HEX zurück. Nimm den Code.

Eine Palette aus dieser Datei

Bis zu acht Flächen mischen die größten ruhigen Bereiche mit den kräftigeren Farben, damit ein kleines Logo nicht unter einem hellen Grund verschwindet. Ein Klick legt diese Farbe fest. Fast gleiche Brauntöne fallen weg. Das bleibt ein Lesen dieser Datei, keine KI und kein Styleguide einer Marke.

Farbe aus Bild bestimmen

Datei dazu, zielen, festlegen, kopieren. Die Vorschau ist die Datei. Es gibt keinen zweiten Umwandlungsschritt.

1

Foto hinzufügen

Leg ein JPG, PNG, WebP, GIF, BMP oder AVIF ab, oder füge einen Screenshot ein. Die Pixel werden in diesem Tab dekodiert. HEIC, TIFF, PDF und eine bloße Webadresse bleiben draußen.

Eine Hand legt ein ausgedrucktes Foto von einer blauen Tasse und einer Orange auf einen Laptop.
2

Zielen und festlegen

Nimm 1 px auf einer flachen Füllung, oder 3×3 / 5×5 auf einem Foto. Klicken legt fest. Auf dem Handy vergrößerst du, wenn die Marke klein ist. Die Probe sitzt über dem Finger. Loslassen legt fest.

Eine Lupe vergrößert die blaue Glasur auf einem ausgedruckten Foto.
3

Code kopieren

Kopiere HEX, RGB oder HSL. Wenn du eine Datei brauchst und nicht nur einen Code, lade eine flache PNG-Farbfläche genau dieser Farbe herunter.

Drei unbeschriftete Farbkarten in Kobalt, Orange und Himmelblau neben dem Foto.

Warum Auge und Pixel nicht übereinstimmen

Die Abweichung steckt in der Datei, nicht im Klick. Diese Fälle zeigt die Seite dir, bevor du den Code weitergibst.

Der Rand eines Buchstabens ist nicht die Füllung

Kantenglättung mischt die Füllung an jedem Rand mit dem Hintergrund. Ein Klick auf diesen Saum liefert eine dritte Farbe. Ziel in die Mitte der flachen Fläche und bleib bei 1 px. Der Saum ist eine Mischung, kein Markenton.

Ein JPEG liegt in Blöcken

JPEG speichert einen glatten Himmel nicht als einen Code. Nachbarpixel springen. Eine Lesung mit 1 px hüpft, sobald du dich bewegst. Ein Mittelwert von 5×5 bleibt näher an der Farbe, die das Auge meldet.

Ein Screenshot ist schon komprimiert

Hat ein Chat oder das Screenshot-Werkzeug das Bild gespeichert, kann die ursprüngliche Markenfarbe schon weg sein. Diese Seite meldet die Datei, die du hinzugefügt hast. Einen Code, der nicht mehr in den Pixeln steckt, holt sie nicht zurück.

Der Finger deckt den Pixel

Auf dem Handy sitzt die Probe über dem Finger, und die Lupe zeigt diese Pixel. Loslassen legt fest. Ist die Marke klein, nimm 2× oder 4× und ziehe das Bild, bis die Lupe darauf liegt. Pfeiltasten rücken um einen Pixel, wenn die Maus zu grob ist.

Ein Farbprofil ist nicht die Pixelzahl

Photoshop kann für dieselbe Stelle einen anderen HEX zeigen, wenn die Datei Display P3 oder ein Druckprofil trägt. Diese Seite liest die sRGB-Pixel, die der Browser dekodiert hat. Das ist die Zahl, die du in CSS und Figma einfügst. Sie wird hier nicht zum Andruck, und ein Screenshot, der schon den Monitor eingefangen hat, lässt sich nicht zurückrechnen.

Bevor du dem Code vertraust

  • Bei einem Logo klickst du in die Mitte einer flachen Form. Der Rand ist eine Mischung aus Füllung und Hintergrund.
  • Bei einem Foto startest du mit 5×5. Auf 1 px gehst du nur, wenn du genau einen Pixel brauchst, etwa eine einzelne LED.
  • Liefern zwei Klicks auf denselben Himmel zwei HEX-Codes, ist das die Datei. Mittle mit 5×5, statt einen Pixel zu suchen, der zu deiner Erinnerung passt.
  • Der nächste Name kann bei einem Markenblau steel blue sagen, oder tomato bei einem Rot. Füge den HEX ins Designwerkzeug ein. Den Namen in CSS zu tippen, trifft oft daneben.
  • Animierte GIFs nutzen das erste Einzelbild. Ein späteres Einzelbild kann eine andere Farbe tragen.
  • HEIC vom iPhone öffnet sich hier nicht. Exportiere zuerst JPG oder PNG. TIFF vom Scanner und ein PDF gehen ebenfalls nicht.
  • Diese Seite erfindet keinen CMYK-Wert für die Druckerei. Ein Bildschirmpixel, umgerechnet in Farbe, ist kein Andruck.
  • Zeigt Photoshop einen anderen HEX, kann die Datei ein Farbprofil tragen. Diese Seite meldet die sRGB-Pixel, die der Browser dekodiert hat.

Drei Aufträge, die diese Seite wirklich beendet

Jede Karte ist eine Datei, die du schon hast, eine Probeneinstellung und die Grenze dieser Lesung.

Ein Logo für ein Stylesheet

Du hast ein PNG eines Zeichens und brauchst die Füllung in CSS.

Datei: Ein PNG, oder ein SVG, das du nach PNG exportiert hast, mit einer flachen Markenform.

Einstellung: 1 px, in die Mitte der Füllung gezielt.

Du kopierst: HEX, eingefügt in CSS oder Figma.

Grenze: Der geglättete Rand ist ein anderer Code. Klick nicht auf die Kante.

Ein Screenshot einer Website

Du siehst die Farbe einer Schaltfläche und kannst das Stylesheet nicht öffnen.

Datei: Ein Screenshot aus der Zwischenablage.

Einstellung: 1 px auf dem flachen Teil der Schaltfläche, nicht auf dem Rand.

Du kopierst: HEX oder RGB.

Grenze: Die Kompression des Screenshots und der Monitor, auf dem er entstand, können den Code schon verschoben haben.

Ein Produktfoto

Du willst eine brauchbare Farbe für einen Hintergrundton, nicht einen einzelnen verrauschten Pixel.

Datei: Ein JPG des Produkts.

Einstellung: 5×5 auf dem Material, weg von Glanzlichtern und Schatten.

Du kopierst: HSL, und danach eine hellere Stufe im Designwerkzeug.

Grenze: Das Feld ist ein Mittelwert dieser Stelle. Es ist kein vermessener Markenchip.

Diese Seite und eine Desktop-Farbpipette

Diese Seite

Liest eine Datei im Browser

Leg ein Foto ab oder füge es ein. Lupe, Probengröße, HEX und Palette kommen aus dieser Datei. Keine Erweiterung, keine Windows-App, kein Konto. Chrome und Edge können zusätzlich mit der eigenen Pipette des Browsers vom Bildschirm lesen. Dieses Extra ist als Bildschirm-Lesen beschriftet. Es liest nicht die Datei oben.

Ein anderer Auftrag

Bildschirm, Editoren und Filter

Ein Desktop-Farbwerkzeug oder eine Erweiterung beobachtet den Monitor. Photoshop kann auch abnehmen, innen in einem vollen Editor. Beides brauchst du nicht, um einen Code aus einer Datei zu lesen, die du schon gespeichert hast. Foto zuschneiden, Bild unscharf machen und Bild verpixeln auf dieser Website ändern Pixel. Keines davon gibt dir einen HEX. Bild teilen schneidet ein Foto in Kacheln. Bilder zusammenfügen und Bilder komprimieren bauen oder verkleinern eine Datei. Nimm sie, wenn der Auftrag ein neues Bild ist, nicht ein Code.

Fragen zur Farbpipette

Wie kann ich Farbe aus Bild bestimmen? +

Leg das Foto auf diese Seite oder füge einen Screenshot ein. Beweg den Zeiger, bis die Lupe auf der Farbe sitzt, klicke zum Festlegen und kopiere HEX, RGB oder HSL. Bestimmen, auslesen oder herausfinden ist derselbe Weg. Auf einem Logo bleibst du bei 1 px in der Mitte der Fläche. Auf einem Foto nimmst du 5×5, bevor du den Code weitergibst. Liegt das Bild schon als JPG oder PNG vor, öffnet diese Seite Word nicht: die Datei reicht.

Ist Farbe aus Bild kostenlos? +

Ja. Diese Seite ist kostenlos. Es gibt kein Konto, keine Testphase und kein Wasserzeichen auf dem Code. Die Lesung passiert in dem Tab, den du schon offen hast. Ein Farbspiel ist das nicht: hier gibt es kein Spiel, nur einen Code aus deiner Datei. Den Tab schließen löscht das Foto von dieser Seite.

Brauche ich eine Farbpipette Windows oder eine Farbpipette Chrome? +

Nein. Eine Farbpipette für Windows, für den Mac oder als Chrome-Erweiterung liest den Bildschirm. Diese Seite liest eine Datei oder einen eingefügten Screenshot im Browser. Auf Chrome und Edge gibt es zusätzlich Vom Bildschirm. Das ist die eigene Pipette des Browsers und sieht nur den Monitor. Eine App musst du dafür nicht installieren.

Wie funktioniert Farbe aus Bild auslesen? +

Der Klick auf den Pixel und dann HEX kopieren, RGB kopieren oder HSL kopieren. Der Hex-Code hat die Form #1A73E8. RGB und HSL sind dieselbe Farbe in den anderen zwei Schreibweisen. Aus einem getippten Code ein neues Motiv zu bauen macht diese Seite nicht. Du kannst eine flache PNG-Farbfläche der festgelegten Farbe laden. Das ist eine einfarbige Datei, kein umgestaltetes Foto.

Warum liefern zwei Klicks zwei Codes? +

Fotos und JPEGs speichern für Himmel oder Stoff nicht einen flachen Code. Nachbarpixel unterscheiden sich. Nimm 3×3 oder 5×5, um ein kleines Feld zu mitteln. Auf einem Logo bleibst du bei 1 px und klickst in die Mitte der flachen Füllung, nicht auf den Saum. Zwei verschiedene HEX aus demselben Wolkenstück sind kein Fehler des Klicks. Sie stehen so in der Datei.

Kann ich Farbe aus Bild entfernen? +

Nein. Eine Farbe aus dem Bild zu entfernen geht hier nicht, auch nicht als Online-Filter. Diese Farbpipette färbt das Foto nicht um, radiert keine Farbe weg und tauscht keinen Ton gegen einen anderen. Wenn du den Farbton des ganzen Fotos drehen willst, heißt die Seite auf dieser Website Bildfarbe ändern. Das ist ein anderer Auftrag, nur im Klartext genannt, nicht als Schalter in diesem Feld. Hier bekommst du den Code der Stelle, die du zeigst.

Wie kann ich eine Farbpalette aus Bild erstellen? +

Sobald die Datei offen ist, baut die Seite bis zu acht Flächen: die großen ruhigen Zonen und die kräftigeren Farben, damit ein kleines Logo nicht im Hellen verschwindet. Ein Klick auf eine Fläche legt sie fest, danach kopierst du den Code. Die Farbpalette entsteht aus dieser Datei. Illustrator, Photoshop und Procreate öffnen wir dafür nicht. Es ist keine KI-Palette und kein Markenhandbuch.

Zeigt die Seite den Farbnamen? +

Ja, den nächsten gebräuchlichen CSS-Namen, zum Beispiel steel blue oder tomato. Der Name ist die geringste RGB-Distanz, nicht der Name einer Marke und nicht ein Lack aus einem Katalog. Tippen des Namens in CSS führt nicht zuverlässig zum selben HEX zurück. Füge #1A73E8 oder den Code ein, den du gerade festgelegt hast. Farbwähler HTML und ein Stylesheet wollen den Code, nicht das englische Wort.

Wird das Foto hochgeladen? +

Nein. Der Browser dekodiert die Datei und liest die Pixel auf diesem Gerät. Den Tab schließen räumt sie ab. An der Lesung hängt kein Konto. Auch die Palette und die Lupe entstehen lokal. Es gibt keinen Serverzwischenschritt, der die Datei kurz entgegennimmt.

Kann ich einen Screenshot einfügen? +

Ja. Kopiere den Screenshot, klicke diese Seite an und füge ein, mit Strg+V oder ⌘V. Auf dem Handy, wenn Einfügen nicht angeboten wird, nimm die Dateiauswahl und hol die Aufnahme aus der Galerie. Der eingefügte Screenshot ist schon die Datei, die gelesen wird, inklusive der Kompression, die das System reingeschrieben hat.

Kann ich eine Webadresse einfügen und von dort lesen? +

Nein. Ein Bild, das auf einer anderen Website liegt, lässt sich aus diesem Tab meist nicht lesen, und diese Seite lädt deine Datei nicht auf einen Server, um es zu holen. Speichere das Bild und leg diese Datei ab. Farbpipette Website und Farbpipette Internet sind hier nur möglich, wenn die Pixel schon als Datei oder Screenshot bei dir sind.

Bekomme ich einen CMYK-Wert für den Druck? +

Nein. Einen Bildschirmpixel nach CMYK zu rechnen ist kein Andruck. Kopiere HEX oder RGB und mach die Druckumrechnung in dem Programm, das Papier und Profil kennt. Diese Seite gibt dir die sRGB-Zahl aus dem Browser, nicht eine Druckfarbe.

Geht das auf dem Handy? +

Ja. Die Probe sitzt über dem Finger, und die Farbe legt sich fest, wenn du loslässt. Nimm 2× oder 4×, wenn die Marke klein ist, und ziehe das Bild zum Verschieben. Farbpipette iPhone braucht keine Extra-App: HEIC vom iPhone öffnet sich allerdings nicht, exportiere JPG oder PNG. Sehr breite Fotos, über 2.000 px Breite, werden von einer Kopie mit 2.000 px gelesen, damit der Tab benutzbar bleibt, und die Seite sagt das, wenn es passiert. Die Codes gelten dann für diese Kopie.

Warum zeigt Photoshop einen anderen HEX? +

Die Datei kann ein Farbprofil tragen. Photoshop kann die Zahl innerhalb dieses Profils zeigen, etwa Display P3 oder ein Druckprofil. Diese Seite liest die sRGB-Pixel, nachdem der Browser die Datei dekodiert hat. Das ist der Wert für CSS oder Figma. Ein Screenshot ist einen Schritt weiter: das sind schon die Pixel des Monitors. Keine der beiden Lesungen ist ein CMYK-Andruck. Farbwähler Photoshop umstellen, also die Pipette in Photoshop auf ein anderes Modell zu setzen, passiert hier nicht.

Ersetzt das die Farbpipette Photoshop, bei Canva, in Word, Illustrator oder PowerPoint? +

Nein. Die Pipette in Photoshop, Canva, Word, PowerPoint, Illustrator oder Excel sitzt im Menü des jeweiligen Programms. Diese Seite öffnet sie nicht und erklärt ihre Klicks nicht. Liegt das Bild schon als JPG oder PNG vor, lege es hier ab und kopiere den Code. Zum Malen brauchst du das Programm weiter. Hier gibt es nur die Zahl.

Ist die Farbpipette Bildschirm dieselbe Lesung wie die Datei? +

Nein. Vom Bildschirm, in Chrome und Edge, liest den Monitor mit der Pipette des Browsers. Das ist der Extra-Knopf, nicht die Datei, die du abgelegt hast. Hat der Monitor das Foto schon verschoben, holt die Bildschirm-Lesung die ursprüngliche Datei nicht zurück. In anderen Browsern fehlt dieser Knopf oft. Die Datei-Lesung bleibt.

Hol die Farbe aus deinem Foto

Leg ein Foto ab oder füge einen Screenshot ein. Leg einen Pixel fest. Kopiere den Code. Die Datei bleibt auf diesem Gerät.

Farbe bestimmen

Anmelden, um dein Konto zu sehen

Credits, gespeicherte Verbesserungen und Abrechnung bleiben bei diesem Konto. Melde dich per E-Mail oder Google an.

Passwort vergessen?

oder

Mit Google fortfahren