Kostenloses Online-Tool

Farbkreis

Ein Farbkreis ordnet die Farbtöne in einem Kreis an, damit Sie sehen, welche Farben zusammenpassen: Gegenüberliegende Töne sind Komplementärfarben, Nachbarn sind analoge Farben, und gleichmäßig verteilte Punkte bilden Triaden und Quadrate. Wählen Sie unten eine Grundfarbe, und der Farbkreis zeigt ihre Harmonien mit HEX-, RGB- und HSL-Werten zum Kopieren.

Farbmodell
Harmonie

Ihre Palette

  1. rgb(228, 87, 46)hsl(14, 77%, 54%)5.7:1 mit schwarzer Schrift · AA
  2. rgb(46, 187, 228)hsl(194, 77%, 54%)9.3:1 mit schwarzer Schrift · AAA

So nutzen Sie den Farbkreis

  1. Wählen Sie eine Grundfarbe: Ziehen Sie die Markierung über den Farbkreis, tippen Sie einen HEX-Code ein oder klicken Sie auf „Zufällige Palette“.
  2. Schieben Sie die Markierung zur Mitte, wenn Sie weichere, weniger gesättigte Farben möchten, und an den Rand für kräftige Töne. Mit dem Regler „Helligkeit“ erhalten Sie dunklere Varianten.
  3. Wählen Sie eine Harmonie. Die zusätzlichen Markierungen bewegen sich mit Ihrer Grundfarbe und behalten immer dieselben Winkel. So können Sie ein Farbschema drehen, ohne dass es auseinanderfällt.
  4. Lesen Sie den Kontrastwert unter jedem Farbfeld, bevor Sie eine Farbe für Text einsetzen: Ab 4,5:1 ist die WCAG-Stufe AA für normal große Schrift erfüllt.
  5. Kopieren Sie einen einzelnen HEX-Code, die ganze Palette oder einen Link, der die Palette genau so wieder öffnet, wie Sie sie verlassen haben.

Farbharmonien im Farbkreis

Eine Farbharmonie ist eine feste geometrische Beziehung im Farbkreis. Weil die Winkel gleich bleiben, egal wo die Grundfarbe liegt, können Sie ein Schema so lange drehen, bis es zu Ihrer Marke, Ihrem Foto oder Ihrem Raum passt – und es bleibt trotzdem stimmig.

Komplementärfarben (180°)

Zwei Farbtöne, die sich direkt gegenüberliegen. Das ist der stärkste Kontrast, den der Farbkreis bietet, deshalb zieht das Paar den Blick auf sich: ein Call-to-Action-Button auf kontrastierendem Hintergrund, ein Vereinslogo, die Überschrift eines Plakats. Setzen Sie eine Farbe großflächig ein und die andere sparsam.

Analoge Farben (30° zu beiden Seiten)

Die Grundfarbe und ihre beiden Nachbarn. Der Kontrast ist gering, das Ergebnis wirkt ruhig und natürlich – wie die Rot- und Orangetöne eines Sonnenuntergangs oder das Grün eines Waldes. Ergänzen Sie einen neutralen Ton oder eine dunklere Stufe, damit die Palette nicht flach wirkt.

Split-Komplementär (150° und 210°)

Statt der direkten Gegenfarbe nehmen Sie die beiden Farbtöne links und rechts daneben. So bleibt der Großteil der Spannung eines Komplementärpaars erhalten, nur weniger hart. Das macht dieses Schema zu einer gutmütigen Wahl für Illustrationen, Verpackungen und Präsentationen.

Triade (120° Abstand)

Drei Farbtöne, gleichmäßig über den Kreis verteilt. Lebendig und ausgewogen; die Grundfarben Rot, Gelb und Blau aus dem Farbkreis der Malerei bilden eine Triade. Wirkt das Ergebnis zu laut, senken Sie die Sättigung von zwei der drei Farben.

Quadrat oder Tetrade (90° Abstand)

Vier gleichmäßig verteilte Farbtöne, also zwei Komplementärpaare. Es ist das reichhaltigste Schema auf dieser Seite. Lassen Sie deshalb eine Farbe führen und nutzen Sie die anderen drei für Details und Akzente.

Monochrom (ein Farbton)

Ein einziger Farbton in mehreren Sättigungs- und Helligkeitsstufen, also Ton in Ton. Das Ergebnis ist immer geschlossen, funktioniert gut in Benutzeroberflächen und Diagrammen und passt zu Marken, die eine einzige Farbe besetzen.

RGB oder RYB: Welchen Farbkreis sollten Sie nutzen?

Bildschirme mischen Licht, deshalb arbeitet digitales Design mit dem RGB-Farbkreis. Rot, Grün und Blau sind seine Grundfarben, und Gegenfarben ergeben zusammen weißes Licht: Rot liegt Cyan gegenüber, Grün liegt Magenta gegenüber und Blau liegt Gelb gegenüber. HEX-Codes, CSS und Designprogramme arbeiten in diesem Modell, und genau diesen Farbkreis verwendet auch die App Color Wheel & Palettes.

Farbe auf Papier oder Leinwand mischt Pigmente, und im Kunstunterricht lernt man den älteren Farbkreis mit Rot, Gelb und Blau (RYB). Dort liegt Rot gegenüber von Grün, Gelb gegenüber von Violett und Blau gegenüber von Orange. Planen Sie ein Gemälde, einen Raum oder ein Outfit, schalten Sie das Tool auf „Malerei (RYB)“: Es ordnet die Farbtöne so an, dass die Harmonien dem entsprechen, was Sie gelernt haben – und liefert trotzdem HEX-Werte für den Bildschirm.

Keiner der beiden Farbkreise ist falsch. Sie beschreiben unterschiedliche Materialien, also wählen Sie den, der zu dem Ort passt, an dem Ihre Farben am Ende landen.

Warme und kalte Farben, Aufhellen, Abdunkeln und Trüben

Der Farbkreis teilt sich grob in zwei Hälften nach Farbtemperatur. Rot, Orange und Gelb wirken warm und scheinen auf den Betrachter zuzukommen; Grün, Blau und Violett wirken kalt und treten zurück. Eine Palette mit einem warmen Akzent zwischen kalten Farben, oder umgekehrt, wirkt meist bewusst gestaltet.

Aufhellen, Abdunkeln und Trüben verändern eine Farbe, ohne ihren Farbton zu ändern. Beim Aufhellen (englisch Tint) kommt Weiß hinzu: Ziehen Sie die Markierung zur Mitte oder senken Sie die Sättigung. Beim Abdunkeln (Shade) kommt Schwarz hinzu: Senken Sie die Helligkeit. Beim Trüben (Tone) kommt Grau hinzu, also beides zugleich. Die monochrome Harmonie baut diese Stufen automatisch für Sie.

Bevor Farben in eine Website oder App wandern, prüfen Sie den Textkontrast mit dem WCAG-Kontrastprüfer, und für weiche Übergänge zwischen Ihren Palettenfarben probieren Sie den Gradient-Generator.

Woher der Farbkreis kommt

Isaac Newton bog das Spektrum in seinem Werk Opticks (1704) zu einem Kreis. Erst dadurch ließ sich von benachbarten und gegenüberliegenden Farben sprechen. Später setzte sich in der Malerei der zwölfteilige Farbkreis aus Rot, Gelb und Blau durch, den Johannes Itten am Bauhaus lehrte und der bis heute als Ittens Farbkreis bekannt ist: drei Grundfarben, drei daraus gemischte Sekundärfarben und sechs Tertiärfarben dazwischen. Digitale Werkzeuge haben die Pigment-Grundfarben durch Licht ersetzt, doch die Idee, Harmonien an Winkeln auf einem Kreis abzulesen, ist geblieben.

iPhone und iPad

Nehmen Sie diese Palette mit aufs iPhone

Color Wheel & Palettes für iPhone und iPad nutzt denselben digitalen Farbkreis und dieselben Harmoniewinkel wie der Modus „Digital (RGB)“ auf dieser Seite. Eine Palette, die Sie hier erstellen, sieht in der App also genauso aus. Die App ergänzt, was ein Browser-Tab nicht kann:

  • Eine Palettenbibliothek, die über iCloud zwischen Ihren Geräten synchronisiert (3 Paletten kostenlos, unbegrenzt mit Pro).
  • Paletten aus Fotos: Wählen Sie ein Bild aus Ihrer Mediathek, und die App zieht fünf klar unterscheidbare Farben heraus.
  • Export als Procreate-Swatches, Adobe ASE, CSS-Variablen, Tailwind, SwiftUI und Design-Token-JSON (Pro).
  • Kontrastprüfung für Ihre Farbpaare und eine Vorschau für Farbsehschwächen.
  • Ein Widget „Palette des Tages“ für Ihren Home-Bildschirm.

Mehr über die Farbkreis-App für das iPhone.

Color Wheel & Palettes screenshot

Fragen

Fragen zum Farbkreis

Was ist die Komplementärfarbe von Rot?

Im digitalen Farbkreis (RGB) ist die Komplementärfarbe von Rot Cyan (#00FFFF): Beide liegen 180° auseinander und ergeben zusammen weißes Licht. Im Farbkreis der Malerei (RYB) ist die Komplementärfarbe von Rot dagegen Grün. Schalten Sie oben das Farbmodell um, um beide zu vergleichen.

Wie viele Farben hat ein Farbkreis?

Der klassische Farbkreis der Malerei hat 12 Farben: drei Grundfarben (Rot, Gelb, Blau), drei Sekundärfarben (Orange, Grün, Violett) und sechs Tertiärfarben dazwischen. Ein digitaler Farbkreis wie dieser ist stufenlos und umfasst 360 Grad Farbton, sodass jeder Farbton seinen Platz hat.

Was ist der Unterschied zwischen Triade und Tetrade?

Eine Triade verwendet drei Farbtöne im Abstand von 120° und wirkt ausgewogen und lebendig. Eine Tetrade, auch Quadrat genannt, verwendet vier Farbtöne im Abstand von 90°, also zwei Komplementärpaare. Sie bietet die meiste Vielfalt; lassen Sie deshalb eine Farbe führen und setzen Sie die anderen als Akzente ein.

Ist dieser Farbkreis kostenlos?

Ja. Alle sechs Harmonien, beide Farbmodelle, die HEX-, RGB- und HSL-Werte und der Palettenlink sind in jedem Browser kostenlos und ohne Konto nutzbar. Die App Color Wheel & Palettes ist kostenlos ladbar; das Pro-Upgrade bringt Extras wie unbegrenzt viele gespeicherte Paletten und den Dateiexport.

Kann ich eine Palette speichern oder teilen?

„Link zur Palette kopieren“ speichert Grundfarbe, Harmonie und Farbmodell in der Adresse, sodass jeder, der den Link öffnet, dieselbe Palette sieht. Wenn Sie eine Sammlung von Paletten anlegen, sie per iCloud synchronisieren und als Datei exportieren möchten, speichern Sie sie in der App Color Wheel & Palettes.

Weitere Farb-Guides

Weitere Farb-Guides

Machen Sie aus Farblehre fertige Paletten

Laden Sie Color Wheel & Palettes und erstellen Sie Harmonien, Gradients, Kontrastpaare und exportierbare Farben auf iPhone oder iPad.

Im App Store laden