Farbwähler aus Bild (Pipette)
Extrahieren Sie exakte Farbwerte direkt aus Ihren hochgeladenen Bildern. Ein Klick auf ein Pixel liefert die präzisen Codes in den Formaten HEX, RGB und HSL.
Bild hierher ziehen oder klicken zum Durchsuchen
Unterstützt PNG, JPG, GIF, WebP, BMP
Warum Farbwähler aus Bild (Pipette) wählen
Mit dem Bild-Farbwähler (Online-Pipette) können Sie eigene Fotos oder Grafiken laden und die exakten Farbinformationen jedes Pixels bestimmen. Eine integrierte Zoom-Lupe hilft dabei, kleinste Details präzise anzuvisieren. Das Tool arbeitet vollständig auf Ihrem Computer (Client-Side), d. h. Ihre Bilddateien werden zu keinem Zeitpunkt an einen Server gesendet.
- ✓Extrahiert mit einem Klick die HEX-, RGB- und HSL-Farbwerte
- ✓Verstellbare Pixel-Lupe (2-fach bis 16-fach) für absolute Zielgenauigkeit
- ✓Farbvorschau-Kachel mit automatischem Textkontrast-Abgleich
- ✓Verlaufsspeicher merkt sich die letzten 10 ausgewählten Farben
- ✓Einfaches Kopieren der Farbwerte für HTML/CSS oder Designtools
- ✓100% lokal im Browser — kein Hochladen von Bildern auf Webserver
Anleitung
- 1Ziehen Sie Ihr Bild in das Upload-Feld oder wählen Sie eine Datei über den Explorer
- 2Bewegen Sie die Maus über das Bild, um den vergrößerten Pixelraster-Bereich einzusehen
- 3Passen Sie die Zoomstufe über den Schieberegler an, falls Details zu klein sind
- 4Klicken Sie auf den Zielpunkt, um die Farbe zu erfassen
- 5Überprüfen Sie die generierten Codes in den Ausgabe-Panels
- 6Kopieren Sie das gewünschte Farbformat mit einem Klick in Ihre Zwischenablage
- 7Greifen Sie über das Verlauf-Panel schnell auf zuvor gewählte Farbtöne zu
Häufig gestellte Fragen (FAQ)
Wie liest der Farbwähler die Pixelwerte aus dem Bild aus?
Das Bild wird auf ein unsichtbares HTML5 Canvas-Element übertragen. Über die getImageData()-Programmierschnittstelle liest das Skript beim Klick die RGBA-Rohdaten des jeweiligen Pixels direkt aus der Bildmatrix aus.
Wozu dient die Zoom-Lupe?
Die Lupe vergrößert das Raster rund um den Cursor, damit Sie auch bei kleinsten Farbabstufungen oder unruhigen Mustern exakt den gewünschten Pixel treffen. Der Zoom kann von 2x bis 16x eingestellt werden.
Warum werden mir drei verschiedene Farbformate angezeigt?
Entwicklungsumgebungen fordern unterschiedliche Standards: HEX ist die Norm für CSS und Bildbearbeitungsprogramme. RGB eignet sich zur Konfiguration von Alphawerten in CSS (rgba()). HSL vereinfacht das manuelle Variieren von Farbton, Sättigung und Helligkeit im Stylesheet.
Wo werden die ausgewählten Farben in der Historie gespeichert?
Die Farbhistorie wird temporär in der laufenden Browsersitzung abgelegt. Es findet keine permanente Speicherung auf Ihrer Festplatte statt, und es werden keine Daten an Server übertragen. Nach dem Schließen des Tabs wird der Speicher geleert.
Funktioniert die Farbpipette auch bei transparenten PNG-Dateien?
Ja. Das Tool liest den Alphakanal (Transparenzwert) der Pixel aus. Bei vollständig transparenten Bereichen wird der zugrundeliegende Hintergrund ermittelt; bei teildurchlässigen Pixeln wird der eingebackene RGB-Wert erfasst.
Welche Bilddateiformate werden vom Tool unterstützt?
Alle Formate, die Ihr Webbrowser nativ anzeigen kann. Dazu zählen PNG, JPG, JPEG, WebP, GIFs (das erste Bild), BMP und SVG-Grafiken.
Autoritative Referenzen & Quellen
Canvas API - MDN Web Docs
Quelle anzeigenImageData - MDN Web Docs
Quelle anzeigenCSS Color Module Level 4 - W3C
Quelle anzeigenWCAG 2.1 Relative Luminance
Quelle anzeigenÄhnliche Tools
Entdecken Sie weitere nützliche Werkzeuge für dieses Aufgabengebiet.