🎯 Farbpipette

Beliebige Farbe aus deinem Bild auswählen — klicken zum Speichern in der Palette

✓ Für immer kostenlos · ✓ Keine Anmeldung · ✓ Kein Upload · ✓ Offline-fähig

🔒 Dein Bild verlässt nie dein Gerät. Die gesamte Verarbeitung erfolgt lokal in deinem Browser mit Pixelauslesung per Canvas getImageData. Kein Upload, kein Server, kein Tracking.

Funktionen

  • Pixelgenaue Auswahl — Zeig auf das Bild, und eine Lupe zeigt genau das Pixel, auf dem du bist, und seine Nachbarn. Klick zum Speichern; die Pfeiltasten verschieben eine Auswahl Pixel für Pixel.
  • Mehrere Formate — Farben in HEX, RGB und HSL, jede mit eigenem Kopieren-Knopf – bereit für CSS, Design-Tools oder Code. Halbtransparente Pixel kommen mit ihrem Alpha (#rrggbbaa, rgba).
  • Palette speichern — Baue eine Palette mit bis zu 12 Farben auf. Kopiere einzelne Farben oder die gesamte Palette.
  • Aus jedem Bild — Extrahiere Farben aus Fotos, Screenshots, Designs — jeder Bildquelle.

So funktioniert's

  1. Bild hochladen — Lade ein beliebiges Bild hoch, aus dem du Farben extrahieren möchtest.
  2. Zeigen und auswählen — Beweg die Maus über das Bild (am Handy: tippen) – die Lupe zeigt das Pixel. Klick zum Speichern in der Palette; die Pfeile justieren die Auswahl.
  3. Kopieren und verwenden — Kopier HEX, RGB oder HSL mit den Knöpfen, klick auf eine gespeicherte Farbe für ihren HEX-Code oder nutze „Alles kopieren“ für die ganze Palette.

Anwendungsfälle

  • Markenfarben aus einem Logo oder Website-Screenshot extrahieren
  • Die exakte Farbe eines beliebigen Elements in einem Design finden
  • HEX/RGB-Werte für CSS-Stylesheets erhalten
  • Farbpaletten aus Fotografien zur Inspiration erstellen

Häufig gestellte Fragen

Wie genau sind die Farben?

Genau das Pixel, auf das du zeigst. Die Position wird auf die eigenen Pixel des Bildes umgerechnet, egal wie groß es angezeigt wird, und die Lupe zeigt dieses Pixel umrahmt zwischen seinen Nachbarn. Der Wert ist das, was dein Browser aus der Datei dekodiert, in sRGB: Ein Foto mit großem Farbraum (Display P3) wird zuerst nach sRGB umgerechnet, und ein stark komprimiertes JPG kann schon leicht vom Original abweichen.

Kann ich im RGB- oder HSL-Format kopieren?

Ja. Das Panel hat für HEX, RGB und HSL der angezeigten Farbe je einen Kopieren-Knopf. Ein Klick auf eine gespeicherte Farbe kopiert ihren HEX-Code und zeigt alle drei wieder an.

Funktioniert es am Handy?

Ja. Tipp aufs Bild, um eine Farbe zu wählen. Eine Fingerspitze deckt Dutzende Pixel ab, also verschieb die Auswahl mit den Pfeiltasten Pixel für Pixel – Lupe und Ring auf dem Bild zeigen, wo du bist.

Was ist mit transparenten Pixeln?

Ein teilweise transparentes Pixel wird mit seinem Alpha angegeben (#rrggbbaa, rgba(), hsla()). Ein vollständig transparentes Pixel hat keine Farbe und kann nicht gespeichert werden.

Aus dem Blog

Verwandte Werkzeuge

💬 Bug, Idee, oder einfach Hallo? Sag's Milo 🐨 · [email protected]