Binatomy
Farben und Palette

Farbwähler und Palette

Wählen Sie eine Farbe, rechnen Sie sie in HEX, RGB, HSL, HSV und CMYK um und erzeugen Sie fertige harmonische Paletten
#6366F1

RGB anpassen

R
G
B

HSL anpassen

Farbton239°
Sättigung84%
Helligkeit67%

Farbformate

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSV

hsv(239, 59%, 95%)

CMYK

cmyk(59%, 58%, 0%, 5%)

Abstufungen und Aufhellungen

Harmonische Paletten

Klicken Sie ein Feld an, um es zur aktiven Farbe zu machen

Komplementär

Analog

Triadisch

Tetradisch

Geteilt komplementär

Monochrom

FAQ

Häufige Fragen

Was man über Farben und Paletten wissen sollte

Was ist das CMYK-Modell und wann nimmt man es?

CMYK (Cyan, Magenta, Gelb, Schwarz) ist das subtraktive Modell des Drucks: Es sagt, wie viel von jeder Farbe auf weißes Papier muss. Anders als RGB, das für Bildschirme gilt und mit Licht arbeitet, geht CMYK von Weiß aus und nimmt mit Farbe Licht weg. Die Werte sind Prozente von 0 bis 100. Nehmen Sie CMYK für Druckdateien und rechnen Sie damit, dass die Umrechnung von RGB nur annähernd stimmt, weil sich weniger Farben drucken als anzeigen lassen.

Worin unterscheiden sich HSL und HSV?

Beide beschreiben Farben über den Farbton von 0 bis 360 Grad. HSL nimmt Sättigung und Helligkeit: Bei 100 % Helligkeit kommt immer Weiß heraus, bei 0 % Schwarz, reine Farben liegen bei 50 %. HSV nimmt Sättigung und Hellwert: Bei 100 % Hellwert und 100 % Sättigung steht die reine, kräftigste Farbe, bei 0 % Hellwert Schwarz. HSV ist praktisch in Farbwählern wie diesem, HSL wird in CSS bevorzugt, weil sich damit leichter aufhellen und abdunkeln lässt.

Wie funktionieren harmonische Paletten?

Die Harmonien hängen davon ab, wo die Farben im Farbkreis gegenüber Ihrem Farbton liegen. Komplementär ist +180 Grad und gibt den größten Kontrast; analog ist ±30 Grad und wirkt weich; triadisch ist +120 und +240 Grad, lebhaft und ausgewogen; tetradisch sind vier Farben im Abstand von 90 Grad; geteilt komplementär ist +150 und +210 Grad, sanfter als komplementär; monochrom ist derselbe Farbton in verschiedenen Helligkeiten. Klicken Sie ein erzeugtes Feld an, um damit weiterzuarbeiten.

Werden meine Farben an einen Server gesendet?

Nein. Alle Umrechnungen und Paletten entstehen per JavaScript in Ihrem Browser: Nichts geht an unsere Server und nichts wird dort gespeichert. Der Knopf «Vom Bildschirm aufnehmen» nutzt die eingebaute EyeDropper-Schnittstelle des Browsers, die es in Chrome, Edge und anderen Chromium-Browsern gibt, und arbeitet nur bei Ihnen.

Wie wird die Farbe gewählt?

Indem man den HEX-Code eintippt, die Regler für RGB und HSL bewegt oder den Knopf drückt, der eine zufällige Farbe holt. In Browsern, die es erlauben, lässt sie sich auch direkt vom Bildschirm aufnehmen.

In welchen Formaten erscheint die Farbe?

Jede Farbe steht als HEX, RGB, HSL, HSV und CMYK da, und jeder Wert lässt sich mit einem Klick kopieren. CMYK ist das Format für den Druck, HEX und RGB sind die des Webs.

Welche Paletten werden erzeugt?

Aus der aktiven Farbe entstehen die komplementäre, die analoge, die triadische, die tetradische, die geteilt komplementäre und die monochrome Palette, dazu eine Reihe von neun Abstufungen von hell nach dunkel.