← Alle Beiträge

Den Hex-Code jeder Farbe in einem Bild herausfinden

2026-05-15

Kurze Antwort: Zieh das Bild in ToolKoalas Farbwähler, klick auf das Pixel, das du willst, und kopier den Hex- (und RGB-)Wert – alles in deinem Browser, ohne dass etwas an einen Server geht. Es ist der schnellste Weg, die exakte Farbe aus einem Screenshot, Foto oder Design-Mockup zu greifen, ohne irgendetwas zu installieren.

So greifst du den Hex-Code

  1. Öffne den Farbwähler und zieh dein Bild oder deinen Screenshot hinein (PNG, JPG, WebP funktionieren alle).
  2. Bewege deinen Cursor über das Bild. Eine vergrößernde Lupe zeigt das Pixel, das du gleich abtastest, damit du nicht um eines danebenliegst.
  3. Klick auf das exakte Pixel. Das Tool liest die RGB-Werte dieses Pixels direkt von einem Canvas im Speicher.
  4. Kopier den Hex-Code (wie #3B82F6) oder den RGB-String. Wiederhol es bei so vielen Pixeln, wie du willst.

Weil es die Pixeldaten lokal liest, gibt es keinen Hin-und-Rück-Weg zu einem Server und kein Warten. Öffne den Netzwerk-Tab der DevTools deines Browsers, während du es nutzt – du wirst null Upload-Anfragen sehen. Genau darum geht's.

Wofür ich das tatsächlich nutze

  • Eine Markenfarbe treffen. Ein Kunde schickt ein Logo als flaches PNG ohne Markenrichtlinie. Tast das Blau ab, hol dir #1D4ED8, fertig.
  • Eine Palette aufbauen. Tast fünf oder sechs Farben von einem Foto oder einem Screenshot ab, den du magst, und du hast eine Ausgangspalette ohne Raten.
  • Eine Abweichung beheben. „Dieser Button hat einen leicht falschen Farbton" – tast beide ab, vergleiche den Hex, find den um-ein-Haar-falschen Wert.

Wenn dein Browser aktuell ist (Chrome, Edge), gibt es auch die native EyeDropper-API, die jedes Pixel auf dem Bildschirm abtasten kann, nicht nur innerhalb eines hochgeladenen Bildes. ToolKoalas Wähler stützt sich stattdessen auf einen Canvas, damit er über Browser hinweg gleich funktioniert – und bei Dateien, die du sonst nirgends geöffnet hast.

Ehrlicher Vergleich mit anderen Tools

  • macOS Digitaler Farbmesser – kostenlos, in macOS eingebaut. Super, um alles auf dem Bildschirm abzutasten, aber er nutzt standardmäßig einen seltsamen Farbraum und der Kopier-zu-Hex-Ablauf ist fummelig (du musst in die Einstellungen graben). Keine Windows-Version.
  • Chrome-DevTools-Pipette – kostenlos, schon in deinem Browser. Öffne das Stile-Panel, klick auf ein Farbmuster, drück die Pipette. Funktioniert gut, ist aber im Dev-Werkzeug vergraben und tastet nur die gerenderte Seite ab.
  • Photoshop (~$23/Monat) – die Pipette ist ausgezeichnet und präzise, aber eine App für über $20 im Monat zu starten, um ein Pixel zu lesen, ist übertrieben.
  • Browser-Farbwähler-Erweiterungen – bequem, aber hier der Kompromiss: Eine Erweiterung, die jede Seite per Pipette abtasten kann, verlangt meist die Berechtigung, jede Seite zu lesen, die du besuchst. Das ist viel Vertrauen für einen Farbwähler. Ich lass lieber eine Datei in einen Tab fallen, der nichts hochlädt, als einer Hintergrund-Erweiterung pauschalen Lesezugriff zu geben.

Häufige Fragen

Wie bekomme ich den Hex-Code aus einem Screenshot? Mach den Screenshot, zieh ihn in einen Browser-Farbwähler wie ToolKoalas und klick auf das Pixel, das du willst. Du bekommst Hex und RGB sofort, ohne das Bild hochzuladen.

Was ist der Unterschied zwischen Hex und RGB? Sie beschreiben dieselbe Farbe. Hex (#3B82F6) ist eine kompakte sechsstellige Form, die in CSS und Design-Tools genutzt wird; RGB (59, 130, 246) listet die Rot-/Grün-/Blau-Kanäle als Zahlen. Die meisten Tools, auch dieses, geben dir beides.

Kann ich eine Farbe von einer Live-Website statt von einer Datei wählen? Ja – nutze die Pipette der Chrome-DevTools oder die native EyeDropper-API des Browsers fürs Abtasten am Bildschirm. Fürs Abtasten aus einer Bilddatei, die du schon hast, ist der Upload-freie Farbwähler einfacher.

Ist es pixelgenau? Ja, solange du das Originalbild abtastest. Wenn das Bild komprimiert (starkes JPG) oder skaliert wurde, kann die Farbe, die du siehst, schon leicht von der Quelle verschoben sein – das ist die Datei, nicht der Wähler.

— Milo 🐨