Farben aus einem Bild aufnehmen
Farbpipette für Bilder
Die Farbpipette für Bilder liefert den exakten Farbcode jedes Pixels, das du in einem Bild anklickst. Eine Lupe zeigt die Pixel unter dem Zeiger, und jede aufgenommene Farbe erhält Werte in HEX, RGB, HSL, HSB, OKLCH, Lab und CMYK.
- Kostenlos, ohne Anmeldung
- Bilder verlassen nie dein Gerät
- Exakte Pixelfarben
Bild ablegen, um Farben aufzunehmen
oder mit Ctrl+V einfügen. JPG, PNG, WebP, GIF, AVIF, SVG. Bis zu 20 Bilder.
Wie nimmst du eine Farbe aus einem Bild auf?
Du nimmst eine Farbe aus einem Bild auf, indem du das Bild in der Farbpipette öffnest und auf das gewünschte Pixel klickst.
Bild öffnen
Lege eine JPG-, PNG-, WebP-, GIF-, AVIF- oder SVG-Datei ab, füge sie ein oder wähle sie aus. Das Bild bleibt auf deinem Gerät.
Mit der Lupe zielen
Bewege den Zeiger über das Bild. Die Lupe vergrößert die 11 mal 11 Pixel um den Zeiger und umrandet das Pixel darunter.
Klicken zum Aufnehmen
Klicke oder tippe, um die Farbe des Pixels zu deinen aufgenommenen Farben hinzuzufügen. Ziehe eine Markierung, um sie zu verschieben, oder bewege sie mit den Pfeiltasten.
Code kopieren
Kopiere jeden Code mit einem Klick, oder exportiere alle aufgenommenen Farben für CSS, Tailwind, Adobe, Procreate und mehr.
Wie exakt ist die aufgenommene Farbe?
Jede Aufnahme liefert den Wert eines echten Pixels. Die Farbpipette liest das Bild mit bis zu 2.048 Pixeln an der längsten Seite ohne Glättung, daher verändert keine Mittelung den Wert.
Benachbarte Pixel in einem Foto unterscheiden sich oft, weil Licht, Textur und JPEG-Kompression kleine Abweichungen erzeugen. Für die Farbe einer ganzen Fläche nutzt du den Farbpaletten-Extraktor mit der Einstellung Durchschnitt.
Welche Farbcodes zeigt die Farbpipette?
Die Farbpipette zeigt für jede aufgenommene Farbe sieben Codes, jeweils mit einer Schaltfläche zum Kopieren.
- HEX
- Sechsstelliger Code für CSS und Design-Apps
- RGB
- Rot-, Grün- und Blaukanal von 0 bis 255
- HSL
- Farbton, Sättigung und Helligkeit für CSS
- HSB
- Farbton, Sättigung und Hellwert für Farbwähler in Apps
- OKLCH
- Wahrnehmungsbasierte Helligkeit, Chroma und Farbton für modernes CSS
- CIE Lab
- Helligkeit und zwei Farbachsen, als CSS
lab() - CMYK
- Druckschätzung ohne Druckerprofil
- Kontrast
- WCAG-2-Verhältnis zu Weiß und Schwarz
Wann nutzt du die Farbpipette statt des Farbpaletten-Extraktors?
| Aufgabe | Tool |
|---|---|
| Den Code einer bestimmten Stelle finden, etwa eines Buttons oder Details | Farbpipette für Bilder |
| Die Hauptfarben eines ganzen Bildes erhalten | Farbpaletten-Extraktor |
| Exakte Logofarben ohne Kantenmischungen erhalten | Logo-Farben-Extraktor |
| Die Farben einer Website aus ihrem Code erhalten | Website-Farben-Extraktor |
Wofür nutzen Menschen eine Farbpipette für Bilder?
Farbabgleich
Ermittle die Farbe einer Wandfarbe, eines Stoffs oder eines Produkts aus einem Foto für ein Druck- oder Weblayout.
Webdesign
Kopiere die exakte Farbe eines Buttons oder Hintergrunds aus einem Design-Screenshot.
Markenarbeit
Nimm eine Markenfarbe aus einem Foto einer Verpackung oder Beschilderung als Ausgangspunkt.
Prüfung der Barrierefreiheit
Lies im Tab Farbcodes den Kontrast einer aufgenommenen Textfarbe zu Weiß und Schwarz ab.
Häufige Fragen zur Farbpipette für Bilder
Wie finde ich den HEX-Code einer Farbe in einem Bild?
Öffne das Bild in der Farbpipette für Bilder und klicke auf die Farbe. Der HEX-Code erscheint sofort, mit einer Schaltfläche zum Kopieren daneben.
Kann ich Farben auf dem Smartphone aufnehmen?
Ja. Tippe auf das Bild, um ein Pixel aufzunehmen, und ziehe dann seine Markierung, um die Position fein anzupassen.
Warum zeigt dasselbe Objekt verschiedene HEX-Codes?
Licht, Schatten und Kompression geben benachbarten Pixeln unterschiedliche Werte. Nimm die Farbe an der gleichmäßigsten Stelle des Objekts auf, oder mittle die Fläche mit dem Farbpaletten-Extraktor.
Kann ich Farben aus einem Screenshot aufnehmen?
Ja. Erstelle einen Screenshot und füge ihn mit Ctrl+V oder Command+V in die Seite ein.
Gibt es eine Grenze für Aufnahmen?
Nein. Nimm so viele Farben auf, wie du brauchst. Procreate-Exporte enthalten die ersten 30 Farben, die Code-Formate enthalten alle.