How do I pick a color from an image?

Simply upload or drag-drop an image, then click anywhere on it to pick a color. The tool will instantly show you the HEX, RGB, and HSL values.

What color formats are available?

You get three formats for every picked color: HEX (like #FF5733), RGB (like rgb(255, 87, 51)), and HSL (like hsl(11, 100%, 60%)). Each can be copied with one click.

Can I pick multiple colors?

Yes! The tool keeps a history of your last 10 picked colors so you can easily reference and copy any of them.

Is my image uploaded to a server?

No, all processing happens locally in your browser. Your images are never uploaded to any server, ensuring complete privacy.

← Zurück zu den Tools

Farbwähler aus Bild

Klicke an eine beliebige Stelle deines Bildes, um Farben auszuwählen. Erhalte HEX-, RGB- und HSL-Werte sofort.

Bild hochladen

Bild hier ablegen oder klicken zum Hochladen

PNG, JPG, WebP

Ausgewählte Farbe

Lade zuerst ein Bild hoch

Verlauf

Ausgewählte Farben erscheinen hier

Häufig gestellte Fragen

Wie wähle ich eine Farbe aus einem Bild?+

Lade einfach ein Bild hoch oder ziehe es per Drag-and-drop in das Feld und klicke an eine beliebige Stelle, um eine Farbe auszuwählen. Das Tool zeigt dir sofort die HEX-, RGB- und HSL-Werte.

Welche Farbformate sind verfügbar?+

Du erhältst für jede ausgewählte Farbe drei Formate: HEX (z. B. #FF5733), RGB (z. B. rgb(255, 87, 51)) und HSL (z. B. hsl(11, 100%, 60%)). Jedes lässt sich mit einem Klick kopieren.

Kann ich mehrere Farben auswählen?+

Ja! Das Tool speichert einen Verlauf deiner letzten 10 ausgewählten Farben, sodass du sie leicht nachschlagen und kopieren kannst.

Wird mein Bild auf einen Server hochgeladen?+

Nein, die gesamte Verarbeitung läuft lokal in deinem Browser. Deine Bilder werden niemals auf einen Server hochgeladen, was vollständige Privatsphäre garantiert.

Mehr erfahren

Du möchtest deinen Screenshot- und Design-Workflow verbessern? Schau dir unsere Anleitungen an:

So wählst du Farben aus jedem Bild

Ein Farbwähler aus Bild ist der schnellste Weg, exakte Farbwerte aus jedem Design, jedem Foto oder jedem UI-Screenshot zu übernehmen. So funktioniert es:

1Lade dein Bild hoch. Per Drag-and-drop oder durch Anklicken zum Durchsuchen. Das Tool unterstützt PNG, JPG und WebP — ohne Dateigrößenbegrenzung.
2Bewege den Cursor zur Vorschau. Führe deinen Cursor über das Bild und nutze die vergrößerte Zoom-Ansicht, um den exakten Pixel zu treffen.
3Klicke zum Auswählen. Ein Klick erfasst die Farbe und zeigt sie in den Formaten HEX, RGB und HSL an — alle mit einem einzigen Tippen kopierbar.
4Erstelle eine Palette. Wähle mehrere Farben aus, und das Verlaufs-Panel speichert deine letzten 10 Auswahlen für einfachen Vergleich und Export.

Warum einen Farbwähler nutzen?

🎨 Design & Illustration

Entnimm Farben aus Referenzbildern, Moodboards oder Konkurrenz-Designs, um den exakten Farbton zu treffen, den du brauchst. Kein Rätselraten bei Hex-Codes mehr.

🏷️ Markenkonsistenz

Extrahiere exakte Markenfarben aus Logos, Marketingmaterialien oder Style Guides. Ein Farbwähler aus Bild sorgt dafür, dass deine Assets an jedem Touchpoint markenkonform bleiben.

💻 Webentwicklung

Hole dir HEX- und RGB-Werte direkt aus Design-Mockups und füge sie in dein CSS ein. Spare dir das ständige Hin und Her mit Designern komplett.

♿ Barrierefreiheits-Tests

Wähle Vorder- und Hintergrundfarben aus Screenshots aus, um Kontrastverhältnisse zu prüfen. Stelle sicher, dass deine UI vor dem Release den WCAG-Richtlinien entspricht.

Farbwähler vs. Browser-DevTools

Mit den Browser-DevTools kannst du CSS-Farbwerte auf Live-Webseiten inspizieren — aber sie funktionieren nur auf Websites, die du in einem Browser öffnen kannst. Bei statischen Bildern, PDFs oder Design-Mockups helfen sie nicht.

Ein bildbasierter Farbwähler funktioniert mit jedem Visual — Screenshots, Fotos, Illustrationen, exportierten Designs oder sogar gescannten Dokumenten. Datei hochladen und klicken zum Auswählen. Keine DOM-Inspektion, kein Durchforsten von Stylesheets.

Für Entwickler ergänzen sich beide Werkzeuge: Nutze die DevTools für Live-Seiten und einen Farbwähler aus Bild für alles andere. Dieses Tool zeigt zudem HEX, RGB und HSL in einer Ansicht — ohne Wechsel zwischen Panels.

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations

Verfügbar fürmacOS&Windows

Lass jeden Screenshot pro aussehen.

ScreenSnap Pro verwandelt einfache Screenshots in polierte Visuals — Hintergründe, Annotationen, GIF-Aufnahme und sofortige Cloud-Links.

ScreenSnap Pro entdecken