imgglide
Deutsch

Farbcodes aus einem Bild auslesen

Legen Sie ein Bild ab und tippen oder klicken Sie dorthin, wo Sie eine Farbe brauchen. Jede aufgenommene Farbe steht in vier Formaten da, und darunter liegen die Hauptfarben des Bildes als fertige Palette.

Ö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 werden auf Ihrem eigenen Gerät verarbeitet und nie hochgeladen.

So funktioniert es

  1. Öffnen Sie ein Bild mit „Datei auswählen“ oder legen Sie es auf der Seite ab. Einen Screenshot fügen Sie mit Strg+V ein, am Mac mit Befehlstaste+V, oder mit „Bild einfügen“, falls Ihr Browser diese Schaltfläche zeigt.
  2. Klicken oder tippen Sie die Stelle an, deren Farbe Sie brauchen. Mit der Maus folgt eine Lupe dem Zeiger; auf dem Handy drücken, halten und ziehen Sie, um die Lupe über Ihrem Finger zu sehen, und lassen dann los, um die Farbe aufzunehmen.
  3. Lesen Sie die Werte unter „Aufgenommene Farbe“ ab: „HEX“, „RGB“, „HSL“ und „CMYK (ungefähr)“. Jede Zeile hat eine eigene Schaltfläche zum Kopieren.
  4. Scrollen Sie zu „Hauptfarben“ und stellen Sie „Farben“ auf einen Wert zwischen 5 und 10 ein. Ein Klick auf ein Farbfeld zeigt die Codes dieser Farbe unter „Aufgenommene Farbe“.
  5. „HEX-Liste kopieren“ liefert einen Code pro Zeile, „Als CSS kopieren“ CSS-Variablen und „Als PNG speichern“ ein Palettenbild. Mit „Anderes Bild öffnen“ laden Sie das nächste Bild.

Was es kann

  • Lupe mit 11 × 11 Pixeln

    Fahren Sie mit der Maus darüber oder halten und ziehen Sie auf einem Touchscreen: Eine Lupe zeigt ein Raster aus 11 × 11 Pixeln, in dem das Zielpixel umrahmt ist; darunter steht sein HEX-Code. Auf dem Computer sitzt sie neben dem Zeiger, auf dem Handy über Ihrem Finger, sodass Sie sehen, welches Nachbarpixel Sie gleich erwischen.

  • Vier Formate, je ein Klick

    Jede aufgenommene Farbe steht als HEX, RGB, HSL und CMYK da, und jede Zeile hat eine eigene Kopierschaltfläche. Ein halbtransparentes Pixel bekommt einen achtstelligen HEX-Code sowie RGBA- und HSLA-Werte, seine Deckkraft steht als Prozentzahl daneben.

  • Die letzten 12 Farben

    „Letzte Farben“ merkt sich Ihre zwölf jüngsten Aufnahmen und speichert nur deren HEX-Codes in diesem Browser. Ein Klick holt eine Farbe zurück, Sie können sie kopieren oder mit „Leeren“ die Liste löschen.

  • Hauptfarben samt Anteil

    Die Palette findet 5 bis 10 vorherrschende Farben, zu Beginn 6. Zu jeder gehört ihr Anteil am Bild, als Prozentzahl und als passend langer Balken. Berechnet werden sie an einer Kopie, die auf 256 Pixel an der langen Seite verkleinert ist; überwiegend transparente Pixel werden ignoriert.

  • Eine Palette für Code oder Folien

    Die CSS-Version ist ein :root-Block mit --color-1, --color-2 und so weiter, jeweils gefolgt von ihrem Prozentwert als Kommentar. Das PNG zeigt pro Farbe ein Farbfeld mit HEX-Code und Anteil darunter und trägt den Namen Ihrer Datei mit angehängtem -palette.

  • Von überall auf dem Bildschirm

    Wo der Browser eine Pipette mitbringt, meist Chrome und Edge auf dem Computer, nimmt „Vom Bildschirm aufnehmen“ jedes Pixel auf, das auf Ihrer Anzeige zu sehen ist, aus einem anderen Fenster oder von einer Webseite, nicht nur aus dem geöffneten Bild. Das geht schon, bevor Sie ein Bild öffnen, und die Farbe landet wie jede andere in „Aufgenommene Farbe“ und in der Liste der letzten Farben.

Gut zu wissen

Eine Farbpipette beantwortet kleine, praktische Fragen. Welches Blau steckt genau in diesem Logo? Welchen Ton hat die Wand auf dem Foto in diesem Inserat? Welche Farben nutzt das Foto auf der Folie, damit die Überschrift dazu passt? Ein Code wie #E4572E geht direkt in CSS und Designprogramme, RGB und HSL sprechen die meisten Grafikprogramme, und CMYK ist für den Druck nur ein Ausgangspunkt.

Bedenken Sie, was Sie da abtasten: Jede Aufnahme liest genau ein Pixel, ein körniges Foto oder ein JPG mit Kompressionsrauschen kann daher eine etwas andere Farbe liefern als das Pixel daneben. Nehmen Sie ein paar Nachbarpixel auf und vergleichen Sie, oder lassen Sie die Hauptfarben den Gesamteindruck geben. Die Werte gelten in sRGB, dem Farbraum der Browser. Die CMYK-Zeile ist aus RGB abgeleitet und damit bestenfalls eine Schätzung; verlangen Sie bei der Druckerei einen Proof, wenn eine Farbe genau stimmen muss.

Ein kleines Bild wird bis zu 4× vergrößert und mit harten Pixelkanten gezeigt, sodass sich einzelne Pixel leicht treffen lassen. Alles über 16,7 Megapixel (4096 × 4096) wird zuerst auf diese Grenze verkleinert, die Seite weist darauf hin, und die Farben werden aus der verkleinerten Kopie gelesen. Für die Bedienung per Tastatur klicken Sie zuerst auf das Bild, bewegen sich dann mit den Pfeiltasten (mit der Umschalttaste springen Sie zehn Pixel weit) und drücken zum Aufnehmen die Eingabetaste.

Fragen und Antworten

Wo finde ich den HEX-Wert eines Pixels?

Klicken Sie auf das Pixel. Der HEX-Wert steht neben dem großen Farbfeld unter „Aufgenommene Farbe“, mit eigener Kopierschaltfläche.

Kann ich aus einem Foto eine Palette ziehen?

Ja. „Hauptfarben“ listet 5 bis 10 vorherrschende Farben des Bildes mit ihren Anteilen auf. Kopieren Sie sie als Liste oder als CSS, oder behalten Sie ein Palettenbild mit „Als PNG speichern“.

Warum heißt die CMYK-Zeile „CMYK (ungefähr)“?

Bildschirme mischen Licht, Drucker mischen Farbe; ein aus RGB abgeleiteter CMYK-Wert ist deshalb nur eine Schätzung. Lassen Sie sich von der Druckerei einen Proof geben, bevor Sie sich darauf verlassen.

Kann ich einen Screenshot nutzen, ohne ihn vorher zu speichern?

Ja. Kopieren Sie ihn, klicken Sie auf die Seite und fügen Sie ihn ein. Das Kürzel ist am Mac Befehlstaste+V, sonst Strg+V, und „Bild einfügen“ erledigt dasselbe, wo Ihr Browser es zulässt.

Warum erscheint „Vom Bildschirm aufnehmen“ bei mir nicht?

Ihr Browser hat keine Pipette. Chrome und Edge am Computer haben eine, die meisten anderen nicht. Aus jedem Bild, das Sie öffnen, können Sie trotzdem Farben aufnehmen.

Merkt sich die Seite meine Farben?

Die letzten 12 bleiben als HEX-Codes in diesem Browser, sie warten also beim nächsten Mal auf Sie. „Leeren“ neben „Letzte Farben“ löscht die Liste.

Passende Werkzeuge