Was ist ein Bildfarbwähler?

Ein Bildfarbwähler oder eine Pipette liest die Farbe eines Pixels in einem Bild aus. Designer verwenden ihn, um eine Markenfarbe aus einem Logo abzugleichen, eine Palette aus einem Foto zu übernehmen oder den genauen Farbton in einem Screenshot einer Website oder App zu überprüfen. Da die Farbe aus den Pixeldaten ausgelesen wird, ist der Wert exakt und nicht bloß mit dem Auge geschätzt.

Beschreibung des Tools

Mit diesem Tool können Sie ein Bild öffnen oder einen Screenshot aus der Zwischenablage einfügen und anschließend auf eine beliebige Stelle klicken, um eine Farbe auszuwählen. Eine vergrößernde Lupe folgt dem Zeiger und zeigt die umliegenden Pixel an, damit Sie genau das gewünschte Pixel treffen können. Jeder Klick fügt einen nummerierten Punkt hinzu, und die Farbe jedes Punkts wird im von Ihnen ausgewählten Ausgabeformat angezeigt und kann direkt kopiert werden.

Funktionen

  • Farben aus PNG-, JPEG-, WebP-, GIF-, BMP- und AVIF-Bildern auswählen oder ein Bild mit Strg+V einfügen
  • Vergrößernde Lupe mit Anzeige der Farbe unter dem Zeiger
  • Vergrößerung bis zu 3200 % mit scharfen Pixeln für kleine Details und Symbole
  • Einzelnes Pixel oder den Durchschnitt eines Bereichs von 3 × 3 bis 101 × 101 Pixeln auswählen, wie mit der Pipette in Bildbearbeitungsprogrammen
  • Jede Farbe als HEX, RGB, HSL, HWB, CMYK, LAB und in weiteren Formaten kopieren
  • Nummerierte Markierungen für jeden ausgewählten Punkt im Bild
  • Anzeige der Deckkraft halbtransparenter Pixel
  • Den zuletzt ausgewählten Punkt mit den Pfeiltasten Pixel für Pixel verschieben

Funktionsweise

Das Bild wird in Ihrem Browser decodiert und auf ein Canvas gezeichnet. Anschließend wird die Farbe aus den Canvas-Pixeln ausgelesen. Die Farben werden in sRGB, den Farbraum des Webs, umgewandelt, sodass die Werte der Darstellung des Bildes auf der Seite entsprechen und unverändert in CSS verwendet werden können. Bei einer Durchschnittsprobe werden die Farben der Pixel im Bereich gemittelt und nach ihrer Deckkraft gewichtet, damit transparente Pixel das Ergebnis nicht abdunkeln. Das Bild wird niemals hochgeladen.

Tipps

  • Fotos und JPEG-Bilder enthalten Rauschen, daher unterscheiden sich benachbarte Pixel häufig geringfügig. Verwenden Sie einen Durchschnitt von 3 × 3 oder 5 × 5 Pixeln, um die sichtbare Farbe statt eines einzelnen verrauschten Pixels zu erhalten.
  • Verwenden Sie bei flachen Grafiken wie Logos, Symbolen und Screenshots die Einzelpixelprobe, um die exakte Farbe zu erhalten.
  • Wenn Sie die Probengröße ändern, werden die Farben aller bereits ausgewählten Punkte aktualisiert.
  • Bei GIF-Dateien werden die Farben aus dem ersten Frame ausgewählt.