Farbwähler
Wählen Sie eine Farbe und erhalten Sie sofort Werte in verschiedenen Formaten.
Tipps für die Arbeit mit Farben
HEX vs RGB vs HSL
HEX ist im Webdesign (CSS, HTML) am gebräuchlichsten. RGB ist Standard für Bildschirme. HSL ermöglicht intuitives Anpassen von Farbton, Sättigung und Helligkeit.
CMYK für den Druck
Wenn Ihr Design gedruckt wird, prüfen Sie die CMYK-Werte. Bildschirmfarben stimmen nicht immer mit dem Druck überein.
Barrierefreiheit und Kontrast
Stellen Sie ausreichend Kontrast zwischen Text und Hintergrund sicher. WCAG empfiehlt mindestens 4.5:1 für Fließtext und 3:1 für großen Text.
Eine Farbpalette erstellen
Nutzen Sie die HSL-Regler für harmonische Farbschemata. Behalten Sie den Farbton bei und variieren Sie Sättigung und Helligkeit, oder verschieben Sie den Farbton um 30°.
Häufige Anwendungsfälle
Wählen Sie Markenfarben, erhalten Sie CSS-fertige HEX- oder RGB-Werte und sichern Sie Konsistenz.
Finden Sie die exakte Farbe einer Referenz und konvertieren Sie zu CMYK für Druck oder RGB für Bildschirm.
Reproduzieren Sie Markenfarben präzise in Folien, Berichten und Marketingmaterialien.
Erstellen Sie einheitliche visuelle Themen durch Wiederverwendung exakter Farben in Beiträgen.
Visualisieren Sie Wandfarben oder Möbelfarben vor dem Kauf — vergleichen Sie HEX-Werte mit Farbkatalogen.
Verstehen Sie den Zusammenhang zwischen HEX, RGB, HSL und CMYK durch Echtzeit-Konvertierungen.
Häufig gestellte Fragen
Was ist der Unterschied zwischen HEX, RGB und HSL?
HEX is a compact six-character code used in web development (e.g. #2563EB). RGB defines colors by their red, green, and blue components (0–255 each). HSL describes color by hue (0–360°), saturation (0–100%), and lightness (0–100%), making it easier to adjust colors intuitively.
Wann sollte ich CMYK statt RGB verwenden?
Verwenden Sie CMYK für Drucksachen (Broschüren, Visitenkarten, Poster) und RGB für Bildschirme. Prüfen Sie immer die CMYK-Ausgabe vor dem Druck.
Kann ich einen Farbcode direkt eingeben?
Ja. Sie können einen HEX-Code eingeben oder einfügen, oder RGB-, HSL- oder CMYK-Werte direkt eingeben. Der Picker und alle Formate aktualisieren sich automatisch.
Was bedeutet das Format RGB (int)?
RGB (int) ist eine Ganzzahl-Darstellung, bei der Rot-, Grün- und Blau-Werte in einer Zahl zusammengefasst werden. Wird in manchen Programmierumgebungen verwendet.
Werden meine Daten an einen Server gesendet?
No. All color calculations happen entirely in your browser. No data is transmitted to any server.
Kann ich die Farbe speichern oder herunterladen?
Ja. Sie können die Farbe als PNG-Bild herunterladen oder jedes Format (HEX, RGB, HSL, CMYK) mit einem Klick kopieren.