Ein Farbton aus einer Vorlage lässt sich mit bloßem Auge schwer genau nachbauen. Lade das Bild, wähle einen Punkt und kopiere den angezeigten HEX- oder RGB-Wert. Prüfe mehrere Stellen: Schatten, Glanz und geglättete Kanten können andere Werte liefern als die eigentliche Farbfläche.
Drop an image to pick colors
Click anywhere on the image to get HEX/RGB
Wähle die Bildversion, die dem später eingesetzten Motiv am nächsten kommt.
Klicke in eine typische Fläche und vergleiche Nachbarpixel statt einer glänzenden oder schattigen Kante.
Kopiere HEX oder RGB und sieh dir die Farbe in der Zielanwendung zusammen mit den übrigen Elementen an.
Ein Produkt kann auf einem Foto einheitlich blau wirken, obwohl Licht und Schatten viele unterschiedliche Pixelwerte erzeugen. Für eine passende Gestaltungsfarbe suche eine typische Stelle der Oberfläche. Ein heller Reflex oder eine dunkle Falte beschreibt nicht unbedingt den Farbton, den du übernehmen möchtest. Der Picker liest die Datei, die du lädst; er bestimmt keine amtliche Lack- oder Stoffbezeichnung.
Bei Screenshots entstehen weitere Abweichungen. Geglättete Schriftkanten, Schatten und Komprimierung mischen Farben in den Randbereichen. Für den Hintergrund einer Oberfläche ist eine ruhige, flächige Stelle aussagekräftiger als der Übergang zu einem Symbol. Wurde die Vorlage bereits verkleinert, können ursprünglich getrennte Farben im Bild miteinander verschmolzen sein.
Nach dem Anklicken zeigt das Werkzeug ein Farbfeld und zwei Schreibweisen: HEX und RGB. Beide beschreiben den ausgewählten Pixel in Formen, die viele Gestaltungsprogramme verstehen. Kopiere die Variante, die deine Zielanwendung verlangt. Für eine Weboberfläche wird häufig ein HEX-Code eingetragen; andere Programme fragen die roten, grünen und blauen Anteile getrennt ab.
Ein kopierter Wert legt nicht fest, wie jeder Bildschirm die Farbe wahrnimmt. Helligkeit, Umgebung und Darstellungseinstellungen beeinflussen den Eindruck. Setze den Wert an seiner späteren Stelle ein und betrachte ihn dort neben anderen Flächen. Das Farbfeld im Picker ist eine hilfreiche Vorschau, ersetzt aber nicht die Beurteilung des gesamten Entwurfs.
Die vergrößerte Ansicht rund um den gewählten Punkt hilft besonders bei kleinen Details. Sie zeigt, ob du eine Kontur, einen Lichtfleck oder die beabsichtigte Farbfläche erwischt hast. Klicke bei Bedarf erneut auf eine ruhigere Stelle. Eine kurze Verlaufsliste merkt sich mehrere Werte, damit du frühere Proben wieder kopieren kannst.
Auf einer strukturierten Fotografie gibt es selten einen einzigen repräsentativen Pixel. Wenn die Farbe später für einen Button oder eine Überschrift verwendet werden soll, zählt neben dem Motiv auch ihre Lesbarkeit. Das Werkzeug prüft keinen barrierefreien Kontrast und erstellt keine fertige Farbpalette. Verwende den Fund als Ausgangspunkt für eine eigene Gestaltungskontrolle.
Ein Vortrag kann eine Akzentfarbe aus einer Illustration aufnehmen. In einem bestehenden Design möchtest du vielleicht die Hintergrundfarbe einer Karte wiederverwenden. Bei einer Grafik kann eine Linienfarbe für eine passende Beschriftung hilfreich sein. Lade möglichst genau die Bildversion, die später eingesetzt wird; eine andere Komprimierung oder Größe kann einzelne Pixel verändern.
Geht es um eine verbindliche Markenfarbe, ist ein offizieller Styleguide die bessere Quelle. Eine Probe aus einem Bildschirmfoto sagt nur, welcher Wert an dieser Stelle der Datei liegt. Sie ersetzt weder eine ursprüngliche Designdatei noch eine Druckfreigabe. Der Picker ist besonders nützlich, wenn du mit einer vorhandenen Bilddatei arbeiten musst.
Kopiere einen möglichen Wert und setze ihn zunächst in einem kleinen Bereich ein. Wirkt er neben Text und Nachbarfarben noch passend? Ein Ton, der im Foto stimmig aussieht, kann für eine Beschriftung zu wenig Kontrast bieten. Passe gegebenenfalls den Entwurf an, statt jeden ausgewählten Pixel unverändert zu übernehmen.
Dieses Werkzeug ändert das Bild selbst nicht und führt auch nicht zu einer Download-Datei. Sein Ergebnis ist der kopierbare Farbwert. Wenn du das Bild wechselst, beginne die Auswahl neu. Notiere den endgültig verwendeten Wert in deinem Projekt, falls du ihn auch nach dem Verlassen der Seite wieder brauchst.
Ja. Nach der Auswahl eines Pixels erscheinen beide Schreibweisen mit Kopiermöglichkeiten.
Licht, Textur, geglättete Kanten und Bildkomprimierung können die Pixel auf einer Fläche verändern. Vergleiche mehrere typische Stellen.
Nein. Das Werkzeug liest Pixel aus deiner Bilddatei. Für verbindliche Markenangaben ist eine offizielle Gestaltungsvorgabe maßgeblich.
Sie hilft zu erkennen, ob du die gewünschte Fläche oder einen benachbarten Randpunkt ausgewählt hast.
Nach mehreren Proben erscheint eine kurze Farbliste. Über ihre Felder kannst du einen früheren Wert wieder übernehmen.
Nein. Der Picker gibt Farbwerte aus, erstellt aber keine neue Bilddatei und startet keinen Download.
Nein. Prüfe den Kontrast am tatsächlichen Hintergrund. Eine schöne Fotofarbe kann für lesbaren Text ungeeignet sein.