Was ist Farbe wählen?
Farben visuell auswählen und zwischen HEX, RGB, HSL und CMYK umrechnen. Jedes Format mit einem Klick kopieren und Werte direkt im Browser fein abstimmen.
So verwendest du Farbe wählen
- Gib einen HEX-Wert ein oder wähle mit der visuellen Auswahl eine Farbe.
- Prüfe die unten angezeigten umgerechneten Werte für RGB, HSL und CMYK.
- Stimme die Eingaben fein ab, bis die Farbe deinem Design- oder Code-Ziel entspricht.
- Kopiere das benötigte Format mit einem Klick.
Kurzanleitungen
Farbformat-Referenz vergleicht HEX, RGB, HSL und CMYK, damit du das richtige Format für CSS-, Design- und Druck-Workflows wählen kannst.
Farbauswahl verstehen ▾
Beispiel
Häufige Anwendungsfälle
- Exakte UI-Farben für CSS oder Design-Tokens auswählen
- HEX-, RGB- oder HSL-Werte in Frontend-Code kopieren
- Farben während Design-QA prüfen und vergleichen
- Erstellen Sie kleine Paletten aus einer einzelnen ausgewählten Farbe
Häufig gestellte Fragen
HEX, RGB, RGBA, HSL, HSLA und CMYK. Klicken Sie auf ein beliebiges Formatfeld, um seinen Wert zu kopieren.
In Browsern, die die EyeDropper API unterstützen (Chrome 95+), ja. Klicken Sie auf das Pipettensymbol, um von überall auf dem Bildschirm eine Farbe aufzunehmen.
HSL (Hue, Saturation, Lightness) und HSB/HSV (Hue, Saturation, Brightness/Value) sind beides zylindrische Farbmodelle, unterscheiden sich jedoch darin, wie sie die dritte Achse definieren. Bei HSL ist 50 % Lightness die "reine" Farbe. Bei HSB bedeutet 100 % Brightness die maximale Helligkeit, was der Farbe näher kommt, die Künstler als lebendig wahrnehmen. CSS verwendet HSL; Photoshop und Figma verwenden HSB.
Dieses Tool zeigt Farbwerte und Konvertierungen. Verwenden Sie für die Kontrastprüfung zur Barrierefreiheit (WCAG AA/AAA-Verhältnisse) gegenüber einer Hintergrundfarbe das spezielle Contrast Checker-Tool.