Nano Banana 2.1 ist LIVE — Googles neuestes Modell | Jetzt testen →
WAVESPEED AI FARBWÄHLER Läuft in Ihrem Browser
100% KOSTENLOS

Farbwähler onlineFarben wählen, umrechnen, prüfen und exportieren.

Wählen Sie eine Farbe aus dem Farbrad, vom Bildschirm oder aus einem beliebigen Bild und kopieren Sie sie als HEX, RGB, HSL, HSV, OKLCH oder CMYK.
Erstellen Sie Harmonien und Abstufungen, prüfen Sie den Textkontrast, sehen Sie Farben mit den Augen von Farbenblinden und exportieren Sie einfügefertigen Code.

Aus jedem Bild auswählenIntegrierte KontrastprüfungCode für CSS, Tailwind, Swift & Android
Keine Anmeldung Kein Upload Kein Wasserzeichen

Farbwähler wird geladen…

Farben und Bilder bleiben auf Ihrem Gerät.
DREI EINFACHE SCHRITTE

So nutzen Sie den Farbwähler

01

Farbe wählen

Ziehen Sie auf dem Farbrad, tippen oder fügen Sie einen Farbcode ein, nutzen Sie die Pipette oder öffnen Sie ein Foto und klicken Sie auf ein Pixel.

02

Feinabstimmen und kopieren

Passen Sie die Farbe mit RGB-, HSL-, HSV-, OKLCH- oder CMYK-Reglern an und kopieren Sie den benötigten Wert mit einem Klick.

03

Erstellen und exportieren

Erstellen Sie Harmonien oder eine Abstufungsskala, prüfen Sie Kontrast und Farbenblindheit und kopieren oder laden Sie dann den Code für Ihr Projekt herunter.

GUT ZU WISSEN

Tipps zur Farbwahl

Ein paar Gewohnheiten, die Paletten leichter nutzbar und besser lesbar machen.

Textkontrast früh prüfen

Fließtext braucht für WCAG AA mindestens 4,5:1 gegenüber dem Hintergrund, großer Text 3:1. Die Prüfung schlägt die nächstgelegene Farbe vor, die besteht.

OKLCH für gleichmäßige Skalen

Die OKLCH-Helligkeit entspricht der Wahrnehmung des Auges, daher verläuft eine in OKLCH erstellte Skala gleichmäßig von hell nach dunkel – ohne trübe Mitteltöne.

Nicht nur auf Farbe setzen

Rot und Grün sehen für viele Menschen gleich aus. Prüfen Sie Ihre Palette im Tab Farbenblindheit und ergänzen Sie Beschriftungen oder Icons, wo Bedeutung zählt.

Bei Fotos mitteln

Fotos rauschen aus der Nähe. Eine Probe von 3×3 oder 5×5 liefert die Farbe, die Sie sehen, statt eines einzelnen Ausreißerpixels.

Palette aus einem Bild beginnen

Öffnen Sie ein Foto, das Ihnen gefällt, und extrahieren Sie 5 bis 8 Farben. K-Means findet die Hauptfarben, Median-Cut erhält kleine Akzente.

CMYK ist hier eine Schätzung

Druckfarben hängen von Papier und Druckmaschine ab. Nutzen Sie den CMYK-Wert als Ausgangspunkt und prüfen Sie ihn mit dem Profil Ihrer Druckerei.

WaveSpeed AI

Machen Sie aus Ihrer Palette Bilder

Generieren Sie mit WaveSpeed AI Bilder und Videos in Ihren Markenfarben aus einem Prompt.

  • Über 1.000 KI-Modelle
  • Bild, Video und 3D
  • Zahlung nach Nutzung

$1 Gratis-Guthaben für berechtigte neue Konten. Keine Karte nötig. Für die Generatoren gelten eigene Konto- und Credit-Anforderungen. Farbwähler ist kostenlos.

FAQ zum Farbwähler

Wie wähle ich eine Farbe aus einem Bild?

Öffnen Sie den Tab Bild, wählen Sie ein Foto oder einen Screenshot (oder fügen Sie einen ein) und klicken oder tippen Sie auf ein beliebiges Pixel. Eine Lupe zeigt genau, auf welchem Pixel Sie sich befinden, und Sie können einen Bereich von 3×3 bis 11×11 mitteln. Das Bild wird in Ihrem Browser gelesen und bleibt auf Ihrem Gerät.

Kann ich eine Farbe von überall auf meinem Bildschirm aufnehmen?

Ja, in Browsern mit Pipetten-Unterstützung (Chrome, Edge und andere Chromium-Browser auf dem Desktop). Klicken Sie auf Pipette und dann auf ein beliebiges Pixel auf dem Bildschirm, auch außerhalb des Browserfensters. In anderen Browsern machen Sie einen Screenshot und fügen ihn im Tab Bild ein.

Wie rechne ich HEX in RGB um?

Tippen oder fügen Sie den HEX-Code in das Farbfeld ein, und der RGB-Wert erscheint darunter, bereit zum Kopieren. Um viele Farben auf einmal umzurechnen, fügen Sie eine pro Zeile im Tab Umrechnen ein und wählen das Ausgabeformat.

Welche Farbformate werden unterstützt?

HEX (3, 4, 6 und 8 Stellen), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab und CMYK sowie alle CSS-Farbnamen. Sie können Werte mit oder ohne Funktionsnamen einfügen, zum Beispiel „255, 87, 51“.

Was ist OKLCH und warum sollte ich es nutzen?

OKLCH beschreibt eine Farbe über wahrgenommene Helligkeit, Chroma (Buntheit) und Farbton. Gleiche Schritte wirken gleich, daher eignet es sich ideal für Abstufungsskalen und einheitliche Paletten, und modernes CSS unterstützt es als oklch().

Wie funktioniert die Kontrastprüfung?

Sie berechnet das WCAG-2-Kontrastverhältnis zwischen Text und Hintergrund und zeigt, ob AA und AAA für normalen und großen Text sowie für Bedienelemente bestanden werden. Außerdem zeigt sie den APCA-Helligkeitskontrast (Lc) aus dem WCAG-3-Entwurf und schlägt die nächstgelegene bestehende Farbe vor.

Wie erstelle ich eine Farbpalette?

Wählen Sie eine Grundfarbe und nutzen Sie dann Harmonien für komplementäre, triadische und andere Schemata oder Abstufungen für Aufhellungen, Abdunklungen und eine Skala 50–950. Sie können auch eine Palette aus einem Foto extrahieren. Speichern Sie Favoriten und exportieren Sie sie als Code.

Kann ich Farben für Tailwind, SwiftUI oder Android exportieren?

Ja. Der Tab Export schreibt Ihre Palette als CSS-Variablen, SCSS, Tailwind v4 @theme oder v3-Konfiguration, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, GIMP-Palette oder einfache Hex-Liste. Kopieren Sie sie oder laden Sie die Datei herunter.

Ist dieser Farbwähler kostenlos?

Ja. Er ist kostenlos, ohne Anmeldung, ohne Limits und ohne Wasserzeichen, und alles läuft in Ihrem Browser.

Alle kostenlosen Tools

Wählen Sie Ihre nächste Farbe

Kostenlos, privat und sofort startklar im Browser.

Farbwähler öffnen