Farbe aus Bild auswählen
Den genauen Farbcode jeder Stelle in einem Foto, Logo oder Screenshot finden. Fahr zum Vorschauen darüber, klick zum Aufnehmen und kopier HEX, RGB oder HSL. Zuletzt aufgenommene Farben bleiben zum Vergleichen stehen.
Läuft im Browser
So geht's
- Ein Bild oder einen Screenshot ablegen.
- Über das Bild fahren und die gewünschte Farbe anklicken.
- Den Code im benötigten Format kopieren.
Wie es funktioniert
Das Bild wird auf eine Zeichenfläche gezeichnet, und das genaue Pixel unter dem Zeiger wird mit getImageData ausgelesen. Sehr große Bilder werden mit höchstens 1600 px angezeigt, was benachbarte Pixel leicht mittelt; für pixelgenaue Codes bei riesigen Bildern schneide sie vorher zu.
In Chrome und Edge kann die Bildschirmpipette (EyeDropper API) außerdem Farben von überall auf deinem Bildschirm aufnehmen, auch außerhalb dieser Seite.
Beispiele
- Markenfarbe
- Das Blau eines Logos aus einem Screenshot aufnehmen → #1a73e8.
Typische Anwendungsfälle
- Markenfarben treffen
- Webdesign und CSS
- Farben aus Fotos nachbauen
Datenschutz und Sicherheit
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien und Texte werden nie auf unsere Server hochgeladen — die Verarbeitung passiert auf deinem Gerät, und auch das Ergebnis entsteht dort. Wie jedes Tool mit Dateien umgeht
Häufige Fragen
Warum weicht die Farbe leicht von der Designdatei ab?
Screenshots und die JPG-Komprimierung können Farben leicht verschieben, und die Farbprofile können sich unterscheiden.
Wird das Bild hochgeladen?
Nein, es wird lokal gelesen.
Zuletzt aktualisiert: