Stimmt etwas mit diesem Tool nicht?

Über „Farbwähler Aus Bild Online“

Wozu dieses Tool dient

Farbwähler aus Bild ist eine Pipette für Ihre eigenen Bilder. Bild laden, auf eine Stelle klicken, und das Tool liest die genaue Farbe dieses Pixels und zeigt sie Ihnen. Kein Raten, kein manueller Farbabgleich — Sie zeigen auf die gewünschte Farbe und erhalten sofort ihren exakten Wert zurück.

Die angezeigten Werte

Jede Auswahl wird gleichzeitig in drei Formaten ausgegeben: HEX wie #3b82f6, RGB wie rgb(59, 130, 246) und HSL wie hsl(217, 91%, 60%). Jeder Wert hat eine Kopieren-Schaltfläche mit einem Klick, sodass Sie die Farbe direkt in CSS, ein Design-Tool oder ein Dokument übernehmen können. Für Web- & Designarbeit wollen Sie meist HEX.

Verlauf ausgewählter Farben

Das Tool führt einen Verlauf der Farben, die Sie auswählen, als Reihe von Farbfeldern. Nehmen Sie Proben an mehreren Stellen eines Bildes, und jede Farbe wird gespeichert, damit Sie sie vergleichen, eine frühere kopieren oder eine ganze Palette zusammenstellen können, ohne den Faden zu verlieren. So holen Sie am schnellsten eine Reihe zusammengehöriger Farben aus einem einzigen Bild.

Privat und im Browser

Alles läuft vollständig in Ihrem Browser. Das Bild wird lokal auf Ihrem Gerät gelesen und nie auf einen Server hochgeladen, sodass nichts Ihren Rechner verlässt. Das macht es sicher für vertrauliche Mockups, Kundenlogos und Screenshots. Nutzen Sie es, um Markenfarben aus einem Logo zu extrahieren, eine Farbe aus einem Foto abzugleichen oder eine Farbe aus einem Screenshot zu entnehmen.

So nutzt du dieses Tool

So gehen Sie vor

  1. Bild hochladen vom Gerät — ein Logo, Foto oder Screenshot mit den gewünschten Farben.

  2. Auf eine Stelle im Bild klicken, um die Farbe genau dieses Pixels auszuwählen.

  3. Die HEX-, RGB- und HSL-Werte ablesen und die Kopieren-Schaltfläche neben dem gewünschten Wert drücken.

  4. Weiterklicken, um mehr Farben zu sammeln — jede landet in Ihrem Verlauf, sodass Sie eine Palette aufbauen.

Tipps

  • Für genaue Pixel hineinzoomen. Wenn Farben dicht beieinanderliegen, hilft ein vergrößertes Bild, genau das gemeinte Pixel zu treffen.
  • Ein hochwertiges Bild verwenden. Ein scharfes, unkomprimiertes Bild liefert treuere Farben; starke JPEG-Artefakte können das gewählte Pixel verschieben.
  • HEX für CSS und Design-Tools kopieren. Der #-Wert fügt sich sauber in Stylesheets, Figma und die meisten Editoren ein.

Ähnliche Tools