Farbwähler für Bilder
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
Laden Sie ein Bild hoch oder ziehen Sie es hinein
JPG, PNG, WebP, der Farbwähler passt sich Ihrem Ansichtsfenster an.
-
2
In den Bereich hineinzoomen
Scrollen zum Zoomen; ziehen, um zu dem genauen Punkt zu navigieren, den Sie abtasten möchten.
-
3
Klicken Sie auf ein Pixel
Sofortige Anzeige in HEX, RGB, HSL, plus eine vergrößerte Farbprobe.
-
4
Kopieren Sie die benötigte Notation
Ein Klick kopiert HEX, rgb() oder hsl() in Ihre Zwischenablage.
-
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
Graffiti-Generator
Erstelle Graffiti-Schrift mit Tag-, Bubble-, Block-, Stencil-, Neon- und Wild-Effekten. Passe Farben an und exportiere PNG oder SVG direkt im Browser.
GIF komprimieren
Reduziere die Größe animierter GIFs direkt im Browser, indem du Abmessungen verkleinerst, weniger Frames behältst und die Kodierungsqualität anpasst. Vorschau vor dem Download inklusive.
QR-Code-Generator
Erstellen Sie einen QR-Code lokal im Browser aus URL, Klartext oder einer korrekt formatierten QR-Nutzlast und laden Sie ihn als PNG herunter.
Favicon-Generator für Initialen und Emojis
Erstellen Sie ein Favicon aus ein oder zwei Initialen oder einem Emoji. Wählen Sie Form und Hintergrundfarbe; bei Initialen können Sie zusätzlich Zeichenfarbe und Schriftstil anpassen.
Fotoeditor
Browser-basierter Fotoeditor mit Zuschneiden, Drehen, Helligkeit, Kontrast, Sättigung, Filtern, Textüberlagerung und Export nach JPG, PNG oder WebP.
Bildgröße ändern
Ändere Bilder auf exakte Pixelmaße oder Prozentwerte und behalte das Seitenverhältnis bei. Für Stapel geeignet, ohne Upload.