Wie wähle ich eine Farbe aus einem Bild?

Lege das Bild ab oder wähle es, fahre darüber, um die Pixelfarbe in der Vorschau zu sehen, und klicke dann auf die genaue Stelle, die du willst. Der Wähler zeigt sofort das HEX, RGB und HSL dieses Pixels mit einem Farbfeld, und jeder Wert hat einen Kopier-Knopf.

Kann ich den HEX-Code einer Farbe in einem Screenshot bekommen?

Ja. Lade den Screenshot wie jedes Bild, fahre darüber, um die gewünschte Nuance zu finden, und klicke sie an. Der HEX-Code erscheint neben den RGB- und HSL-Werten, sodass du ihn in CSS oder ein Design-Tool kopieren kannst.

Behält der Farbwähler die Transparenz von PNG-Bildern?

Das tut er. Wenn ein gesampelter Pixel nicht vollständig undurchsichtig ist, wird der Alpha-Wert mitgeführt: RGB wird als rgba(...) gezeigt und das HEX bekommt ein achtes Alpha-Paar (#rrggbbaa), passend dazu, wie der Pixel tatsächlich rendert.

Aus welchen Bildformaten kann ich Farben wählen?

Aus allem, was dein Browser zu einem Canvas dekodieren kann — PNG, JPEG, WebP, SVG, GIF, AVIF, BMP und ICO. Für exakte Markenfarben bevorzuge ein verlustfreies PNG, da JPEG und WebP eine flache Füllung um eine Nuance verschieben können.

Kann ich mehrere Farben aus einem Bild speichern?

Ja. Jeder Klick fügt die Farbe dem Streifen Letzte Farben hinzu, bis zu einem Dutzend Auswahlen. Klicke auf ein beliebiges Farbfeld dort, um es erneut zu öffnen, und kopiere dann sein HEX, RGB oder HSL, um eine Palette aus dem Bild zusammenzustellen.

Wird mein Bild hochgeladen, wenn ich eine Farbe daraus wähle?

Nein. Der Bild-Farbwähler zeichnet dein Bild auf einen Canvas und liest Pixel vollständig auf deinem Gerät. Das Bild wird niemals an ArrayKit oder einen Server gesendet, sodass private Mockups und Fotos lokal bleiben.

Bild-Farbwähler online

Lege ein Bild ab, fahre zur Vorschau über jeden Pixel und klicke, um sein HEX, RGB und HSL zu greifen — alles in deinem Browser. Das Bild verlässt dein Gerät nie.

Der Bild-Farbwähler dekodiert dein Bild zu einem Canvas und sampelt Pixel vollständig in deinem Browser. Das Bild, das du ablegst, und die Farben, die du wählst, verlassen dein Gerät nie und werden nicht zu ArrayKit hochgeladen.

CSS-Farb-Konverter öffnen

Über Bild-Farbwähler

Der Bild-Farbwähler verwandelt jedes Bild in einen Farb-Sampler. Lege ein Foto, Logo, einen Screenshot oder ein Design-Mockup ab oder wähle es, bewege dann deinen Cursor darüber, um den Pixel unter dem Fadenkreuz in der Vorschau zu sehen, und klicke, um genau diese Farbe zu fixieren. Jede Probe wird als HEX, RGB und HSL neben einem Live-Farbfeld gezeigt, sodass du sie direkt in CSS, ein Design-Token oder einen Farbeimer setzen kannst. Ein Streifen mit letzten Farben hält deine letzten Auswahlen griffbereit, um eine Palette zu bauen, und jeder Wert hat seinen eigenen Kopier-Knopf. Transparente Pixel behalten ihren Alpha-Wert, sodass PNG-Overlays als rgba und #rrggbbaa zurückgelesen werden. Gebaut für Designer, Frontend-Entwickelnde und alle, die eine Markenfarbe aus einem Bild abgleichen. Das Bild wird zu einem Canvas dekodiert und auf deinem Gerät gesampelt — es wird nie hochgeladen.

Funktionen

Fahre über ein Bild, um die Pixelfarbe live in der Vorschau zu sehen, und klicke, um sie zu fixieren
Zeigt HEX, RGB und HSL für jeden gesampelten Pixel neben einem Live-Farbfeld
Kopier-Knöpfe pro Wert für die HEX-, RGB- und HSL-Notation, die du brauchst
Streifen mit letzten Farben merkt sich deine letzten Auswahlen, sodass du eine Palette bauen kannst
Der Alpha-Wert bleibt erhalten — durchscheinende PNG-Pixel werden als rgba und #rrggbbaa zurückgelesen
Akzeptiert PNG-, JPEG-, WebP-, SVG-, GIF-, AVIF-, BMP- und ICO-Bilder
Fadenkreuz-Cursor und ein Schachbrett-Hintergrund machen transparente Bereiche offensichtlich
Läuft vollständig in deinem Browser — das Bild wird auf deinem Gerät gesampelt

So verwendest du Bild-Farbwähler

Klicke auf die Ablagezone oder ziehe eine Bilddatei darauf
Bewege deinen Cursor über das Bild, um die Pixelfarbe in der Vorschau zu sehen
Klicke auf eine Stelle, um diese Farbe zu fixieren und ihr HEX, RGB und HSL zu enthüllen
Kopiere die Notation, die du brauchst, oder öffne eine frühere Auswahl aus Letzte Farben erneut

Beispiel

Eingabe

Sampled pixel: R 37, G 99, B 235 (opaque)

Ausgabe

HEX #2563eb
RGB rgb(37, 99, 235)
HSL hsl(221, 83%, 53%)

Ein Klick auf einen blauen Button verwandelt den Pixel in einfügefertige CSS-Farbwerte.

Häufige Fehler & Fehlerbehebung

Die gewählte Farbe sieht leicht anders aus als im Quellbild. — JPEG und WebP nutzen verlustbehaftete Kompression, sodass flache Füllungen zwischen benachbarten Pixeln um eine Nuance schwanken können. Sample ein paar nahe Punkte oder nutze einen PNG-Export des Designs für exakte Markenfarben.
Ein transparenter Bereich gibt rgba(0, 0, 0, 0) statt einer Farbe zurück. — Dieser Pixel ist vollständig transparent, sodass es keine Farbe zu lesen gibt. Fahre über einen gefüllten Teil der Grafik; der Schachbrett-Hintergrund markiert die durchsichtigen Bereiche.
Ein SVG oder hochauflösendes Bild zeigt eine Farbe von der falschen Stelle. — Der Wähler sampelt den Pixel unter dem Fadenkreuz in der eigenen Auflösung des Bildes. Zoome deinen Browser für feinere Kontrolle hinein oder klicke präzise auf die gewünschte Kante.

Häufig gestellte Fragen

Wie wähle ich eine Farbe aus einem Bild?: Lege das Bild ab oder wähle es, fahre darüber, um die Pixelfarbe in der Vorschau zu sehen, und klicke dann auf die genaue Stelle, die du willst. Der Wähler zeigt sofort das HEX, RGB und HSL dieses Pixels mit einem Farbfeld, und jeder Wert hat einen Kopier-Knopf.
Kann ich den HEX-Code einer Farbe in einem Screenshot bekommen?: Ja. Lade den Screenshot wie jedes Bild, fahre darüber, um die gewünschte Nuance zu finden, und klicke sie an. Der HEX-Code erscheint neben den RGB- und HSL-Werten, sodass du ihn in CSS oder ein Design-Tool kopieren kannst.
Behält der Farbwähler die Transparenz von PNG-Bildern?: Das tut er. Wenn ein gesampelter Pixel nicht vollständig undurchsichtig ist, wird der Alpha-Wert mitgeführt: RGB wird als rgba(...) gezeigt und das HEX bekommt ein achtes Alpha-Paar (#rrggbbaa), passend dazu, wie der Pixel tatsächlich rendert.
Aus welchen Bildformaten kann ich Farben wählen?: Aus allem, was dein Browser zu einem Canvas dekodieren kann — PNG, JPEG, WebP, SVG, GIF, AVIF, BMP und ICO. Für exakte Markenfarben bevorzuge ein verlustfreies PNG, da JPEG und WebP eine flache Füllung um eine Nuance verschieben können.
Kann ich mehrere Farben aus einem Bild speichern?: Ja. Jeder Klick fügt die Farbe dem Streifen Letzte Farben hinzu, bis zu einem Dutzend Auswahlen. Klicke auf ein beliebiges Farbfeld dort, um es erneut zu öffnen, und kopiere dann sein HEX, RGB oder HSL, um eine Palette aus dem Bild zusammenzustellen.
Wird mein Bild hochgeladen, wenn ich eine Farbe daraus wähle?: Nein. Der Bild-Farbwähler zeichnet dein Bild auf einen Canvas und liest Pixel vollständig auf deinem Gerät. Das Bild wird niemals an ArrayKit oder einen Server gesendet, sodass private Mockups und Fotos lokal bleiben.