utilobox
Deutsch

Farbe aus Bild bestimmen

Tippen oder klicken Sie auf eine Stelle im Bild und erhalten Sie den Farbwert sofort als HEX-Code und in weiteren Formaten. Zusätzlich ermittelt das Werkzeug die Hauptfarben des ganzen Bildes.

Öffnen Sie ein Bild und tippen oder klicken Sie darauf, um eine Farbe aufzunehmen.

oder Datei hier ablegen

Sie können ein Bild auch mit Strg+V (am Mac Befehlstaste+V) einfügen.

Ihre Dateien verlassen Ihr Gerät nicht. Alles läuft in Ihrem Browser.

So funktioniert es

  1. Öffnen Sie ein Bild über „Datei auswählen“, durch Ablegen, mit Strg+V oder über „Bild einfügen“.
  2. Tippen oder klicken Sie auf die gewünschte Stelle; die Lupe zeigt dabei die einzelnen Pixel.
  3. Kopieren Sie unter „Aufgenommene Farbe“ den Wert als HEX, RGB, HSL oder CMYK.
  4. Übernehmen Sie bei Bedarf die „Hauptfarben“ mit „HEX-Liste kopieren“, „Als CSS kopieren“ oder „Als PNG speichern“.

Was es kann

  • Lupe mit Pixelraster

    Eine Lupe mit 11 × 11 Pixeln zeigt, welchen Punkt Sie gerade treffen. Auf dem Handy erscheint sie über dem Finger, mit der Maus neben dem Zeiger.

  • Vier Farbformate

    HEX, RGB, HSL und ein ungefährer CMYK-Wert, jeweils mit eigener Schaltfläche zum Kopieren.

  • Letzte Farben

    Die 12 zuletzt aufgenommenen Farben bleiben als Farbcodes in diesem Browser gespeichert. Mit „Leeren“ löschen Sie die Liste.

  • Hauptfarben als Palette

    5 bis 10 Hauptfarben, voreingestellt sind 6, mit Prozentanteil und Balken. Sie kopieren sie als HEX-Liste oder als CSS-Variablen oder speichern die Palette als PNG-Bild.

  • Vom Bildschirm aufnehmen

    In Chrome und Edge am Computer nimmt „Vom Bildschirm aufnehmen“ Farben auch außerhalb des Bildes auf, irgendwo auf dem Bildschirm.

  • Bedienung per Tastatur

    Pfeiltasten bewegen die Auswahl über das Bild, die Eingabetaste übernimmt die Farbe an dieser Stelle.

Gut zu wissen

Typische Anlässe: Sie möchten die Farbe eines Logos für eine Präsentation übernehmen, für ein Plakat den genauen Ton eines Produktfotos treffen oder aus einem Urlaubsbild eine Farbpalette für Ihre Website gewinnen. HEX-Codes wie #3A7BD5 verstehen Webseiten-Baukästen, Office-Programme und Grafiksoftware gleichermaßen; RGB und HSL sind in CSS ebenso gebräuchlich. „Als CSS kopieren“ liefert die Palette direkt als CSS-Variablen (Custom Properties) zum Einfügen in ein Stylesheet.

Alle Werte beziehen sich auf sRGB. Der CMYK-Wert ist eine Näherung und ersetzt keine Farbabstimmung für den Druck. Die Prozentanteile der Hauptfarben werden an einer verkleinerten Kopie berechnet und sind bei Fotos daher ungefähr. Bei Fotos lohnt es sich, mehrere benachbarte Stellen anzutippen, weil Rauschen, Schatten und Kompression einzelne Pixel verfälschen können. Die gespeicherte Palette heißt name-palette.png.

Fragen und Antworten

Wie finde ich den HEX-Code einer Farbe in einem Bild?

Öffnen Sie das Bild und tippen oder klicken Sie auf die Stelle. Der HEX-Code erscheint unter „Aufgenommene Farbe“ und lässt sich mit einem Klick kopieren.

Kann ich einen Screenshot direkt einfügen?

Ja. Drücken Sie Strg+V (am Mac Befehlstaste+V) oder nutzen Sie „Bild einfügen“, sofern Ihr Browser das Lesen der Zwischenablage erlaubt.

Warum fehlt bei mir „Vom Bildschirm aufnehmen“?

Die Schaltfläche erscheint nur in Browsern mit der EyeDropper-Funktion, also Chrome und Edge am Computer. In anderen Browsern nehmen Sie Farben direkt im geöffneten Bild auf.

Wie genau ist der CMYK-Wert?

Er ist eine ungefähre Umrechnung aus RGB. Für verbindliche Druckfarben stimmen Sie sich am besten mit Ihrer Druckerei ab.

Wo werden meine letzten Farben gespeichert?

Nur in diesem Browser auf Ihrem Gerät, und zwar als Farbcodes, nicht das Bild selbst. „Leeren“ löscht sie, ebenso das Löschen der Websitedaten im Browser.

Wird das Bild zur Farbanalyse hochgeladen?

Nein. Farben und Palette werden ausschließlich in Ihrem Browser aus dem Bild berechnet.

Passende Werkzeuge