Farbe aus einem Bild auslesen

Lege ein Foto, einen Screenshot oder ein Logo ab, zoome bis aufs Pixel und wähle exakte Farben mit der Lupe, am Computer und auf dem Smartphone. Dein Bild verlässt nie dein Gerät.

Bild hier ablegen

oderOder mit ⌘+V einfügen

PNG, JPG, WebP, GIF, AVIF, BMP und ICO, dazu HEIC und TIFF, wenn dein Browser sie lesen kann

Wird auf deinem Gerät geöffnet, kein Upload

Ausgewählte Farben

Hier erscheinen die Farben, die du auswählst. Wähle so viele, wie du möchtest. Sie bleiben hier, bis du sie importierst oder löschst.

Öffnet den Editor und fügt die Farben als Gruppe hinzu, mit Namen, Abstufungen, Kontrastprüfung und Code-Export.

So funktioniert’s

  1. Die leere Bild-Farbpipette mit Ablagefläche und dem Button „Datei auswählen“

    1Bild ablegen

    Ziehe eine PNG-, JPG-, WebP-, GIF- oder HEIC-Datei auf die Seite, wähle sie aus oder füge einen Screenshot mit ⌘V / Strg+V ein. Sie öffnet sich sofort auf deinem Gerät.

  2. Vergrößerte Ansicht im Bild mit der Lupe, die das Pixelraster und den HEX-Wert unter dem Cursor zeigt

    2Hineinzoomen und auswählen

    Drücke „Farbe auswählen“ und klicke auf eine beliebige Stelle im Bild. Auf dem Smartphone ziehst du und lässt los. Die Lupe zeigt die Pixel rund um dein Ziel, so triffst du die exakte Farbe.

  3. Ein Raster ausgewählter Farbfelder mit HEX-Codes und Farbnamen

    3Farben sammeln

    Jede Auswahl landet mit HEX-Code und Namen im Raster darunter. Wähle so viele, wie du willst, kopiere sie oder entferne die, die du nicht brauchst.

  4. Der PickXColor-Editor mit den importierten Farben als benannte Gruppe von Karten

    4Im Editor öffnen

    Mit „In den PickXColor-Editor importieren“ landen alle Farben als Gruppe im Editor, mit Namen, Abstufungen, Kontrastprüfung und Code-Export.

Häufige Fragen

Ist das datenschutzsicher und DSGVO-konform?

Ja. Dein Bild wird vollständig in deinem Browser geöffnet und verarbeitet. Nichts wird hochgeladen, gespeichert oder an einen Server geschickt, und wir bekommen die Datei nie zu sehen. Es gibt kein Konto, kein Tracking und keine Cookies, und die Werkzeug-Seiten laden nichts von Drittanbietern. Da keine Daten aus deiner Datei bei uns ankommen, verarbeiten wir daraus auch keine personenbezogenen Daten.

Die ausgewählten Farben werden im lokalen Speicher deines Browsers abgelegt, damit sie ein Neuladen überstehen. Mit „Leeren“ oder durch Löschen der Website-Daten entfernst du sie.

Ist die Nutzung sicher?

Ja. Es wird nichts installiert, und deine Datei wird nur gelesen, nie verändert. Bilder werden vom eingebauten Bilddecoder deines Browsers gelesen, demselben, der Bilder auf jeder Website anzeigt. Du kannst es selbst prüfen: Öffne in den Entwicklertools deines Browsers den Tab „Netzwerk“: Deine Datei taucht in keiner Anfrage auf.

Welche Bildformate werden unterstützt?

PNG, JPG/JPEG, WebP, GIF, AVIF, BMP und ICO funktionieren in jedem aktuellen Browser. HEIC/HEIF-Fotos vom iPhone öffnen sich in Safari, TIFF ebenfalls. In anderen Browsern exportierst du sie vorher als JPEG oder PNG. Für SVG-Logos nutze das Werkzeug für SVG & Illustrator. Es listet auch die exakten Farben aus der Datei.

Funktioniert das auf iPhone und Android?

Ja. Tippe auf „Farbe auswählen“, lege den Finger aufs Bild und ziehe. Die Lupe schwebt über deinem Finger, so siehst du immer die Pixel, auf die du zielst; lass los, um die Farbe zu übernehmen. Mit zwei Fingern zoomst du hinein.

Wie genau sind die Farben?

Die Pipette liest den exakten Wert des Pixels, das du auswählst, so wie dein Browser es dekodiert hat, in sRGB. Zoome hinein, bis das Pixelraster erscheint: Dann siehst du jedes einzelne Pixel, auch Rauschen, Kompressionsartefakte und geglättete Kanten, bevor du auswählst.

Wie groß darf das Bild sein?

Sehr groß: Bilder bis etwa 16 Megapixel öffnen sich in voller Auflösung. Größere Bilder werden verkleinert, damit sie in die Canvas-Grenze deines Browsers passen. Die Werkzeugleiste zeigt dir das an.

Was kann ich mit den ausgewählten Farben machen?

Kopiere alle HEX-Codes auf einmal oder drücke „In den PickXColor-Editor importieren“. Der Editor fügt sie als benannte Gruppe auf einem unendlichen Board hinzu, mit Farbnamen, HEX-, RGB-, HSL-, OKLCH- und CMYK-Werten, Abstufungen im Tailwind-Stil, WCAG-Kontrastprüfung und Code-Export für CSS, Tailwind, SCSS, Swift und Jetpack Compose.

Ist das kostenlos?

Ja. Kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Grenze, wie viele Farben du auswählst.