Farbwähler für Bilder

Ausgewählte Datei wird wiederhergestellt...

Das Abgleichen einer Markenfarbe aus einem Logo-Screenshot oder das Entnehmen eines Wandtons aus einem Foto bedeutet normalerweise, Photoshop zu öffnen. Dieser Farbwähler lädt jedes Bild in eine zoombare Leinwand und zeigt den HEX-, RGB- und HSL-Wert des Pixels, auf das Sie klicken, mit einem 10×10 Durchschnitt, sodass Sie einen Bereich anstelle eines einzelnen Pixels abtasten und JPEG-Rauschartefakte vermeiden können.

So wählen Sie eine Farbe aus einem Bild aus

  1. 1

    Laden Sie ein Bild hoch oder ziehen Sie es hinein

    JPG, PNG, WebP, der Farbwähler passt sich Ihrem Ansichtsfenster an.

  2. 2

    In den Bereich hineinzoomen

    Scrollen zum Zoomen; ziehen, um zu dem genauen Punkt zu navigieren, den Sie abtasten möchten.

  3. 3

    Klicken Sie auf ein Pixel

    Sofortige Anzeige in HEX, RGB, HSL, plus eine vergrößerte Farbprobe.

  4. 4

    Kopieren Sie die benötigte Notation

    Ein Klick kopiert HEX, rgb() oder hsl() in Ihre Zwischenablage.

  5. 5

    Mehrere Proben speichern

    Sammeln Sie eine Palette von 6-10 Farben aus dem gesamten Bild für einen Designreferenz.

Genaues Abtasten

Ein Farbwähler für ein einzelnes Pixel ist fast nie das, was Sie von einem echten Foto wollen, JPEG-Kompression, Rauschen und Beleuchtungsvariationen erzeugen pixelgenaue Unterschiede, selbst in einem visuell einheitlichen Bereich.

Abtastmodi

Modus Was es tut Wann zu verwenden
Punkt Einzelnes Pixel unter dem Cursor Abtasten eines Screenshots aus einem Design-Tool
3 × 3 Durchschnitt Durchschnitt von 9 Pixeln um den Klick JPG-Fotos mit leichter Kompression
10 × 10 Durchschnitt Durchschnitt von 100 Pixeln Stark komprimierte oder rauschende Fotos
Flächen-Durchschnitt Ziehen Sie ein Rechteck, durchschnittlich jedes Pixel darin Logos und flache Farb-Design-Assets

Hinweise zum Farbraum

  • Screenshots von einem Display zeigen sRGB-Werte; die gewählte Farbe entspricht der ursprünglichen Quelle.
  • Fotografien von einer Kamera können in Adobe RGB oder DCI-P3 sein; der Farbwähler zeigt sRGB, sodass ein lebhaftes Rot aus einem weitreichenden Telefonfoto leicht entsättigt aussieht.
  • PNG mit ICC-Profil: Der Farbwähler konvertiert vor dem Abtasten in sRGB, sodass die Ausgaben konsistent sind.

Häufige Anwendungsfälle

  • Abgleichen der Logo-Farbe eines Kunden aus einem Screenshot, anstatt zu raten.
  • Erstellen einer Palette aus einem Referenzfoto (Landschaft, Moodboard, Filmstill).
  • Überprüfen von Hex-Werten auf einer gerenderten Webseite, die ihre Design-Tokens verloren hat.
  • Überprüfen, ob eine Markenfarbe korrekt von einem Stakeholder angewendet wurde.

Datenschutz

Das Bild wird in Ihre Browser-Leinwand geladen und niemals hochgeladen, der Farbwähler verwendet ausschließlich clientseitige Leinwandlesungen, sodass vertrauliche Designs vertraulich bleiben.

Häufig gestellte Fragen

JPEG-Kompression verschiebt Farben leicht, insbesondere in Verläufen und in der Nähe von Kanten. Wenn die Quelle ein JPG ist, versuchen Sie den 10 × 10 Durchschnittsmodus; wenn Sie Zugriff auf das ursprüngliche PNG oder SVG haben, probieren Sie das für eine genaue Übereinstimmung.

Nicht direkt. Machen Sie einen Screenshot des gewünschten Frames und laden Sie diesen hoch. Für rigorose Video-zu-Palette-Arbeiten extrahieren Sie Frames mit einem Video-Tool und probieren Sie jeden einzelnen.

Er tastet von dem Frame ab, der angezeigt wird, wenn Sie klicken. Pausieren oder scrubbing Sie zu dem Frame, den Sie möchten, bevor Sie abtasten.

Bis zu 20 pro Sitzung. Paletten werden lokal gespeichert, sodass das Aktualisieren der Seite sie behält, aber das Löschen der Browserdaten sie löscht.

Verwandte Tools