Farbauswahl aus Bild – Holen Sie sich kostenlose Hex-Codes

Choose image

Upload an image, then hover/click on it to pick colors. Everything stays in your browser.

Share X / Twitter Facebook LinkedIn WhatsApp

So verwenden Sie Farbauswahl aus dem Bild

Laden Sie das Bild hoch – Logo, Screenshot, Foto, beliebige Quelle.
Klicken Sie auf das Pixel, dessen Farbe Sie benötigen – vergrößern Sie es für Präzision.
Kopieren Sie den Hex-/RGB-Wert – bereit für CSS oder Ihr Design-Tool.
Probieren Sie feste Bereiche, keine Kanten – Anti-Aliasing und JPG-Rauschen live an den Grenzen.

Was ist Farbauswahl aus dem Bild?

Ein Bildfarbwähler liest die genaue Farbe jedes Pixels, auf das Sie in einem hochgeladenen Bild klicken, und gibt den Hex-Code (#E67E22) und RGB-Werte zurück, die für CSS, Design-Tools oder Farbanpassungen bereit sind. Es ist die Pipette, die auf jedes Bild gerichtet ist, das Sie erhalten können.

Das wiederkehrende Bedürfnis: Irgendwo existiert eine Farbe – das Logo einer Marke, der Button eines Mitbewerbers, der Sonnenuntergang eines Fotos, eine Produktaufnahme – und Sie benötigen ihren genauen Wert, keinen Näherungswert. Durch Klicken auf das Pixel wird in einem Schritt beantwortet, was ein Blick auf einen Farbkreis nie ganz bewirken würde.

Über den Farbauswahl aus dem Bild

Laden Sie das Bild hoch, klicken Sie auf das Pixel, kopieren Sie den Hex-/RGB-Wert.

Die Extraktionsaufgaben: Markenfarben aus Logos, wenn der Styleguide fehlt (die alltägliche Aufgabe der Agentur – der Kunde sendet ein JPG-Logo, Sie benötigen die Palette), Anpassen der UI-Farben an ein Referenzdesign oder einen Screenshot, Erstellen von Paletten aus Fotos (Natur- und Filmstills sind Goldgruben für Paletten – wählen Sie fünf Pixel aus und Sie haben ein Schema), Überprüfen der implementierten Farben anhand der Spezifikation (Screenshot der Seite, Auswahl des Pixels, vergleichen) und Identifizieren von Farb-/Druckzielen anhand fotografierter Muster.

Handwerk auswählen: Bedenken hinsichtlich des Zooms – Die JPG-Komprimierung fleckt flache Farben leicht, also wählen Sie in der Mitte der Farbbereiche aus, nicht an den Rändern (wo Anti-Aliasing Nachbarn vermischt); Beachten Sie bei Steigungen, dass Sie einen Punkt einer Rampe abtasten. Probieren Sie für die Markenarbeit die durchgezogenen Bereiche des Logos an mehreren Stellen aus und ermitteln Sie den Konsens. Kombinieren Sie es mit unserem Farbkonverter für Formatänderungen (hex↔RGB↔HSL) und dem Farbpalettengenerator, um Schemata rund um den ausgewählten Anker zu erstellen. Bilder werden in Ihrem Browser verarbeitet.

Häufig gestellte Fragen

JPG-Komprimierungsrauschen und Anti-Aliasing – „flache“ Farben variieren von Pixel zu Pixel um einige Einheiten. Abtasten Sie die Mitte des Farbbereichs, idealerweise mehrere Punkte, und übernehmen Sie den Modus.

Verwenden Sie, sofern verfügbar, eine PNG/SVG-Version (kein JPG-Rauschen), wählen Sie aus großen Vollflächen und prüfen Sie die Plausibilität anhand eines veröffentlichten Markenleitfadens. Bei SVGs ist die Farbe buchstäblich im Code der Datei enthalten.

Hex (#RRGGBB) und RGB – das webnative Paar. Konvertieren Sie mit unserem Farbkonverter weiter in HSL oder andere, wenn der Workflow dies erfordert.

Ja – wählen Sie die vorherrschenden Farben (Motiv, Hintergrund, Akzente) als Kandidaten aus und verfeinern Sie sie dann mit dem Farbpalettengenerator. Fotos mit einheitlicher Beleuchtung ergeben natürlich harmonische Farbpaletten.

Screenshots durchlaufen das Display-Rendering und die Komprimierung – kleine Abweichungen sind normal. Für pixelgenaue Spezifikationsarbeiten wählen Sie das Original-Asset aus (das exportierte PNG, kein Foto eines Bildschirms).