Zum Inhalt springen

Farbwähler aus Bild

Exakte Farben aus jedem Bild auswählen – HEX und RGB mit Alpha, komplett.

Werkzeug wird vorbereitet…

Farbwähler

Klicken Sie auf das Bild oder nutzen Sie die Pfeiltasten, um eine exakte Pixelfarbe auszuwählen.

Bild hier ablegen oder Enter drücken zum DurchsuchenPNG · JPG · WEBP · AVIF · HEIC — bis zu 20 MP / 25 MB

Farben werden aus dem dekodierten Bild in einen sRGB-Canvas zur Anzeige gelesen. Es werden keine Netzwerkanfragen gestellt.

Wie man eine Farbe aus einem Bild auswählt

  1. Ihr Bild öffnen

    Ziehen Sie ein PNG, JPG oder WebP auf die Seite — es wird lokal geladen.

  2. Klicken Sie auf ein Pixel

    Klicken oder tippen Sie auf das Pixel (oder justieren Sie mit den Pfeiltasten), um die exakte Farbe unter dem Zeiger festzulegen.

  3. Den Wert kopieren

    Kopieren Sie den HEX-Code direkt in Ihr CSS – der RGB-Wert und der Alphawert werden direkt angezeigt.

Häufige Fragen

Wie wähle ich eine Farbe aus einem Bild aus?

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.

Ist die abgetastete Farbe exakt oder gemittelt?

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.

Welche Formate kann ich laden?

PNG, JPG, WebP, GIF und BMP — was auch immer Ihr Browser dekodieren kann. Animierte GIFs werden vom ersten Frame abgetastet.

Werden meine Bilder irgendwo hochgeladen?

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.

Pixelabtastung auf Canvas

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.

Ihre Dateitools, einen Klick entfernt

ToolMink vom Desktop oder Startbildschirm öffnen.