Farbwähler

Verwenden Sie unseren kostenlosen Online-Farbpicker, um Farben aus jedem Bild oder dem Bildschirm auszuwählen. Holen Sie sich sofort HEX-, RGB- und HSL-Codes. 100% privat und läuft direkt in Ihrem Browser.

Bild hochladen

Überlagerte Farbe

Laden Sie ein Bild hoch, um mit der Farbauswahl zu beginnen.

Farbauswahlverlauf

Hier werden Ihre ausgewählten Farben angezeigt.
Klicken Sie, um ein Bild auszuwählen

oder ziehen Sie es hierher, um mit der Farbauswahl zu beginnen.

So verwenden Sie den Farbpicker

  1. 1. Auswahlmethode wählen: Sie können entweder auf den Upload-Bereich klicken, um ein Bild hochzuladen, oder – wenn Sie Farben aus anderen Bereichen des Bildschirms (z. B. einer anderen Anwendung) auswählen möchten – die Schaltfläche „Aus dem Bildschirm auswählen“ verwenden (wenn vom Browser unterstützt).
  2. 2. Farbe auswählen: Wenn Sie ein Bild hochgeladen haben, fahren Sie einfach mit dem Mauszeiger darüber. Sie sehen eine Echtzeitvorschau der Farbe unter dem Cursor. Ein einfacher Klick reicht, um sie zu erfassen.
  3. 3. Codes abrufen: Ihre ausgewählte Farbe wird zur Verlaufsliste hinzugefügt. Alle grundlegenden Codes – HEX, RGB und HSL – werden angezeigt. Klicken Sie auf die „Kopieren“-Schaltfläche neben einem beliebigen Code, um ihn sofort zu speichern.

Ein toller Helfer für Designer und Entwickler

🎨 Designer

Holen Sie sich schnell die genauen Hexadezimalcodes aus Markenlogos, Moodboard-Bildern oder Inspirationsfotos. Erstellen Sie Ihre Farbpalette mit pixelgenauer Präzision und behalten Sie den Verlauf Ihrer zuletzt ausgewählten Farbtöne bei.

💻 Entwickler

Extrahieren Sie Farbwerte aus UI-Prototypen (JPG oder PNG), um sie direkt in CSS oder App-Code zu verwenden. Holen Sie sich RGB-Werte für die native Entwicklung oder HEX-Werte für Web-Styles, ohne große Design-Software zu öffnen.

Über Farbcodes informieren

HEX (Hexadezimal)

Beispiel: #00BFA5. Dies ist das gebräuchlichste Web-Farbformat. Es handelt sich um einen sechstelligen Code, der die Mischung aus Rot, Grün und Blau darstellt.

RGB (Rot, Grün, Blau)

Beispiel: rgb(0, 191, 165). Jeder Wert liegt zwischen 0 und 255 und definiert die Intensität der Rot-, Grün- und Blau-Lichtkomponenten.

HSL (Farbton, Sättigung, Helligkeit)

Beispiel: hsl(174, 100%, 37%). Dieses Format ist für Menschen intuitiver. Der Farbton ist die Farbe auf dem Farbkreis (0-360), die Sättigung die Intensität (0-100%) und die Helligkeit die Hell-Dunkel-Grad (0-100%).

Häufig gestellte Fragen

Werden meine Bilder auf den Server hochgeladen?

Nein. Ihre Privatsphäre ist gewährleistet. Alle Verarbeitungen erfolgen vollständig in Ihrem Webbrowser. Ihre Bilder verlassen Ihr Gerät niemals, und wir sehen oder speichern sie nicht.

Was ist die Schaltfläche „Aus dem Bildschirm auswählen“?

Diese Funktion nutzt die eingebaute EyeDropper-API des Browsers, die derzeit in modernen Browsern wie Google Chrome, Microsoft Edge und Opera verfügbar ist. Sie ermöglicht es Ihnen, Farben aus jeder Anwendung oder jedem Fenster auf dem gesamten Bildschirm auszuwählen – nicht nur aus dem im Browser hochgeladenen Bild.

Ihre Privatsphäre hat höchste Priorität

Dieses Tool läuft vollständig in Ihrem Browser. Wir laden keine Dateien hoch, speichern oder analysieren sie nicht. Alles, was Sie verarbeiten, bleibt auf Ihrem Gerät.