Was sind Pipetten-Workflows?
Screenshots über Desktop-Apps oder Online-Tools, die Ihr Bild hochladen, nur um ein Pixel zu lesen — langsam und ein Datenschutzleak für Screenshots.
Exakte Farben aus jedem Bild auswählen – HEX und RGB mit Alpha, komplett.
Das Werkzeug konnte nicht geladen werden. Prüfen Sie Ihre Verbindung und versuchen Sie es erneut.
Klicken Sie auf das Bild oder nutzen Sie die Pfeiltasten, um eine exakte Pixelfarbe auszuwählen.
Farben werden aus dem dekodierten Bild in einen sRGB-Canvas zur Anzeige gelesen. Es werden keine Netzwerkanfragen gestellt.
Ziehen Sie ein PNG, JPG oder WebP auf die Seite — es wird lokal geladen.
Klicken oder tippen Sie auf das Pixel (oder justieren Sie mit den Pfeiltasten), um die exakte Farbe unter dem Zeiger festzulegen.
Kopieren Sie den HEX-Code direkt in Ihr CSS – der RGB-Wert und der Alphawert werden direkt angezeigt.
Laden Sie Ihr Bild per Drag-and-drop oder öffnen Sie es und klicken bzw. tippen Sie auf das gewünschte Pixel (die Pfeiltasten bewegen die Auswahl ebenfalls). Die exakte Farbe wird aus der Zeichenfläche ermittelt und als HEX, RGB und Alpha angezeigt.
Es ist der exakte Pixelwert aus dem dekodierten Bild bei 1:1-Zoom. Ist die Vorschau verkleinert, glätten manche Browser Pixel — zoomen Sie für pixelgenaues Abtasten heran.
PNG, JPG, WebP, GIF und BMP — was auch immer Ihr Browser dekodieren kann. Animierte GIFs werden vom ersten Frame abgetastet.
Nein. Das Bild wird auf einen lokalen HTML-Canvas gezeichnet und mit JavaScript auf Ihrem Gerät abgetastet. Es gibt keinen Upload und kein Konto.
Hier erfahren Sie, wofür jedes Format gedacht ist und wann die Umwandlung von Bildpixeln in Farbcodes die richtige Wahl ist.
Was sind Pipetten-Workflows?
Screenshots über Desktop-Apps oder Online-Tools, die Ihr Bild hochladen, nur um ein Pixel zu lesen — langsam und ein Datenschutzleak für Screenshots.
Was ist Canvas-Abtastung?
Das Bild wird in Ihrem Browser in eine sRGB-Zeichenfläche dekodiert und mit getImageData Pixel für Pixel ausgelesen. Die Farben werden sofort als HEX und RGB mit vollständig erhaltenem Alphakanal zurückgegeben.
Wann Sie es brauchen
Verwenden Sie es, um eine Marktfarbe aus einem Logo zu treffen, einen Ton aus einem Screenshot wiederzuverwenden oder zu prüfen, welche Farbe eine antialiaste Kante wirklich hat. Für Mehrfarbpaletten statt einzelner Pixel probieren Sie das Farbpaletten-Tool.