edubun
Deutsch

Komplementäre, analoge und triadische Farben

Auf dem Farbkreis für Bildschirmfarben ist Gelb bei 60 Grad die Komplementärfarbe von Blau bei 240 Grad. Auf dem Farbkreis der Malerei liegt dagegen Orange gegenüber von Blau.

3D-Modell wird geladen

Zum Drehen ziehen. Zum Zoomen scrollen oder zwei Finger auseinander- oder zusammenziehen.

Wähle im Menü eine Harmonie. Die zusätzlichen Marker sitzen auf derselben Helligkeitsscheibe bei den passenden Farbtonwinkeln, durch eine Linie verbunden. Bewege den Farbtonregler, und die ganze Form dreht sich mit.

Harmonien sind Winkel

Designbücher beschreiben eine Handvoll Farbschemata, die meist ausgewogen wirken. Sind Farben auf einem Farbkreis platziert, ist jedes Schema nur eine Menge von Winkeln ab einem Ausgangsfarbton. Komplementärfarben liegen genau gegenüber, 180 Grad auseinander. Analoge Farben liegen nebeneinander; das Modell nutzt 30 Grad auf beiden Seiten. Ein triadisches Schema nutzt drei gleichmäßig verteilte Farbtöne, 120 Grad auseinander, sodass sie ein gleichseitiges Dreieck bilden. Ein geteilt komplementäres Schema nimmt das Komplement und ersetzt es durch seine zwei Nachbarn, hier 150 und 210 Grad vom Start.

Vier Schemata auf einem Farbtonrad mit 12 Schritten, beginnend bei Orange mit 30 Grad. Rot liegt oben, und der Farbton wächst im Uhrzeigersinn.

Der Zeichenkurs der LibreTexts nennt den Charakter jedes Schemas. Komplementäre Paare geben starken Kontrast und ziehen die Aufmerksamkeit an, weshalb Designer sie für Dinge nutzen, die auffallen müssen. Analoge Schemata wirken ruhig und einheitlich und sind in der Natur häufig, etwa die Grün-, Gelb- und Orangetöne einer Wiese. Triadische Schemata sind lebhaft, aber doch ausgewogen. Geteilt komplementäre Schemata behalten viel vom Kontrast eines komplementären Paars, wirken dabei aber weniger aufdringlich. Der Leitfaden der Bibliothek der University of Delaware ergänzt eine praktische Faustregel, wie viel von jeder Farbe man nutzt: etwa 60% für eine dominante Farbe, 30% für eine zweite Farbe und 10% für einen Akzent.

Welcher Kreis?

Hier ist eine Falle. Es gibt mehr als einen Farbkreis. Der HSL-Kreis in diesem Kurs ist aus Licht gebaut, mit Rot, Grün und Blau als Grundfarben. Auf ihm liegt Rot bei 0 Grad gegenüber von Cyan bei 180, Grün gegenüber von Magenta und Blau gegenüber von Gelb. Viele Kunstkurse nutzen einen Malerkreis aus den Pigmenten Rot, Gelb und Blau. Auf diesem Kreis liegt Rot gegenüber von Grün, Gelb gegenüber von Violett und Blau gegenüber von Orange, die im LibreTexts-Kurs aufgelisteten Paare. Keiner der Kreise ist falsch. Sie beantworten verschiedene Fragen. Der Lichtkreis sagt dir, welche zwei Lichter sich zu Weiß addieren. Der Malerkreis ist eine lange Tradition für das Mischen von Farbe. Baust du eine Palette für einen Bildschirm, sind die HSL-Winkel die, die dein Code nutzt, prüfe also, von welchem Kreis eine Anleitung spricht.

Eine Harmonie legt die Farbtöne fest, nicht die Helligkeit. Drei triadische Farbtöne mit voller Sättigung und 50% Helligkeit sind laut. In der Praxis behalten Designer die Winkel und ändern Sättigung und Helligkeit: ein Farbton kräftig, die anderen blass oder dunkel. Probiere es im Modell. Wähle eine Triade, senke dann die Sättigung und beobachte, wie das Dreieck zur Grauachse hin schrumpft und dabei seine Form behält.

Zwei weitere Schemata kommen in den meisten Lehrbüchern vor. Ein monochromatisches Schema nutzt einen einzigen Farbton in mehreren helleren und dunkleren Versionen, die der Text zur Farbenlehre von RMIT Tints und Shades nennt. In HSL-Begriffen bleibt der Farbton fest, und nur Helligkeit und Sättigung bewegen sich, im Modell ist es also eine senkrechte Linie auf dem aufrechten Schnitt. Ein tetradisches Schema nutzt vier Farbtöne, die auf dem Kreis ein Rechteck bilden, zwei komplementäre Paare zusammen; sind die vier gleichmäßig verteilt, 90 Grad auseinander, bilden sie ein Quadrat. Vier Farbtöne sind schwer auszubalancieren, deshalb raten die meisten Leitfäden, einen führen zu lassen und die anderen in kleinen Mengen zu nutzen.

Komplementär+180°
Analog−30° und +30° (Nachbarn)
Triade+120° und +240°
Geteilt komplementär+150° und +210°
Komplement von Blau auf dem LichtkreisGelb (240° + 180° = 60°)
Das Wichtigste
  • Komplementär: 180° auseinander. Analog: Nachbarn. Triadisch: 120° auseinander. Geteilt komplementär: 150° und 210°.
  • Auf dem Lichtkreis (HSL) liegt Blau gegenüber von Gelb; auf dem Malerkreis liegt Blau gegenüber von Orange.
  • Harmonien legen den Farbton fest; Sättigung und Helligkeit wählst du selbst.
  • Eine gängige Faustregel: 60% dominant, 30% sekundär, 10% Akzent.
  1. Welcher Farbton ist auf dem HSL-Kreis das Komplement von 30°?
  2. Welcher Farbton ist das Komplement von 300°?
  3. Ein triadisches Schema beginnt bei 0°. Welche Farbtöne vervollständigen es?
    • 120° and 240°
    • 90° and 180°
    • 30° and 330°
    • nur 180°
  4. Welche Form bilden triadische Farben auf dem Kreis?
    • Gleichseitiges Dreieck
    • Gerade Linie
    • Quadrat
    • Rechtwinkliges Dreieck
  5. Welches Paar ist analog?
    • 30° and 60°
    • 30° and 210°
    • 0° and 120°
    • 60° and 240°
  6. Was liegt auf dem HSL-Kreis (Licht) gegenüber von Blau?
    • Gelb
    • Orange
    • Rot
    • Grün
  7. Was liegt auf einem traditionellen Malerkreis gegenüber von Blau?
    • Orange
    • Gelb
    • Cyan
    • Magenta
  8. Welches Schema ersetzt das Komplement durch seine zwei Nachbarn?
    • Geteilt komplementär
    • Analog
    • Triade
    • Monochromatisch
  9. Wie viel Prozent bekommt in einer 60/30/10-Palette die Akzentfarbe?
  10. Du senkst im Modell die Sättigung einer Triade. Was passiert mit dem Dreieck?
    • Es schrumpft zur Grauachse hin
    • Es dreht sich
    • Es wird zu einer Linie
    • Nichts ändert sich
Quellen zu diesem Kurs (14)
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
  • contrast ratio (L1 + 0.05) / (L2 + 0.05)
  • range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
  • 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
  • W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
  • OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
  • OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
  • Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
  • The Newton Project (University of Oxford)
  • Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
  • History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
  • LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
  • RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
  • University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).

Abgerufen: 2026-10-17