🎯 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
- Bild hochladen — Lade ein beliebiges Bild hoch, aus dem du Farben extrahieren möchtest.
- 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.
- 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
- 📖 Wie du eine Farbpalette aus jedem Bild ziehst — Die exakten Farben aus einem Foto, Screenshot oder Logo zu greifen ist der schnellste Weg zu einer Palette, die wirklich passt. Hier erfährst du, wie du Farben aus einem Bild aufnimmst und sie in HEX, RGB und HSL verwandelst — in deinem Browser.
- 📖 Den Hex-Code jeder Farbe in einem Bild herausfinden — Hol dir den exakten Hex- oder RGB-Code jeder Farbe aus einem Bild oder Screenshot, direkt im Browser, ohne Upload. Schritte, echte Tool-Alternativen und Kompromisse.
Verwandte Werkzeuge
- 🎛️ Bild anpassen — Helligkeit, Kontrast, Sättigung und mehr fein abstimmen
- 🌈 Bildfilter — Schöne Filter anwenden — sofort in deinem Browser
- 🎨 Farb-Konverter — Farben zwischen HEX-, RGB-, HSL-, CMYK- und HSV-Formaten konvertieren
💬 Bug, Idee, oder einfach Hallo? Sag's Milo 🐨 · [email protected]