Glanz: AI MOOC Plugin 0a1c649bc7be98b4f7460ccf86a14175

2026-10-25T08:28:14Z

AI MOOC Plugin 0a1c649bc7be98b4f7460ccf86a14175

Neue Seite

{{T}}

{{BR}}
= Einleitung =

Warum fällt ein orangefarbener Punkt auf blauem Papier auf? Und warum kann dieselbe graue Fläche einmal heller, einmal dunkler aussehen? In diesem Kurs untersuchst du, wie Farben zusammenwirken.

'''Für dich:''' Kunstunterricht der Klassen 7–9 und alle, die ohne Vorkenntnisse gestalten möchten. Du lernst die sieben Farbkontraste nach Johannes Itten kennen, prüfst ihre Wirkung und begründest eigene Gestaltungsentscheidungen. Kurze Texte, Bilder, eine Animation, Aussprachehilfen und Videos unterstützen dich.

'''Dein Material:''' Papier, Farbstifte oder Deckfarben, farbige Papierreste und bei Bedarf ein digitales Zeichenprogramm. Notiere zu Beobachtungen stets: '''Was sehe ich? Welcher Unterschied ist wichtig? Wie kann ich meine Erklärung prüfen?'''

{{BR}}
= Farben beschreiben und ordnen =

Ein '''Farbkontrast''' ist ein wahrnehmbarer Unterschied zwischen Farben. Für eine genaue Beschreibung trennst du drei Eigenschaften: den '''Farbton''' wie Rot oder Blau, die '''Helligkeit''' von hell bis dunkel und die '''Sättigung''' von kräftig bunt bis wenig bunt beziehungsweise getrübt. Ein dunkles Blau kann trotzdem stark gesättigt sein. Schwarz, Weiß und Grau heißen '''unbunte Farben'''.<ref name="grundlagen">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/ Lehrerfortbildung Baden-Württemberg: Farbkontraste]</ref>

[[File:De-Farbkontrast.ogg|center|Aussprachehilfe: Farbkontrast]]

'''Hören und sprechen:''' Die Aufnahme enthält nur das Wort „Farbkontrast“. Sprich es nach und beschreibe einen Farbunterschied an einem Gegenstand in deiner Nähe.

{{BR}}
== Ein Farbkreis ist ein Modell ==

Im traditionellen [[Farbkreis]] von [[Johannes Itten]] stehen Rot, Gelb und Blau im Zentrum. Der äußere Ring ordnet zwölf Farbtöne. Gegenüber liegen unter anderem '''Rot–Grün, Blau–Orange und Gelb–Violett'''. Diese Paare heißen in diesem Modell [[Komplementärfarben]].<ref name="itten">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/systeme/itten/ Lehrerfortbildung Baden-Württemberg: Farbkreis nach Itten]</ref>

[[File:Farbkreis Itten 1961.svg|500px|frameless|center|alt=Zwölfteiliger traditioneller Farbkreis nach Itten mit Rot, Gelb und Blau im Zentrum]]
Der traditionelle Itten-Kreis. Suche jeweils die gegenüberliegende Farbe. Urheber: Malte Ahrens; Vektorisierung: SidShakal. Gemeinfrei; Nachweis in der Medienliste.

'''Genau bleiben:''' Ittens Kreis hilft bei der künstlerischen Gestaltung. Er ist keine allgemeine Mischanleitung für jedes Material. Bildschirmlicht, Druckfarben und Malfarben verhalten sich unterschiedlich; auch Komplementärpaare hängen vom verwendeten Farbmodell ab. Prüfe Mischungen deshalb mit deinen tatsächlichen Farben.

[[File:Construction cercle chromatique johannes itten 600x600.gif|500px|frameless|center|alt=Animation zum schrittweisen Aufbau des zwölfteiligen Itten-Farbkreises]]
Animation ohne Sprache: Beobachte den Aufbau des Farbkreises. Mathieu Jouhet / Daformat, CC BY-SA 3.0; unverändert eingebunden.

'''Beobachte:''' Welche Farbtöne erscheinen zwischen Gelb und Rot, zwischen Rot und Blau sowie zwischen Blau und Gelb? Vergleiche die Animation mit dem stehenden Farbkreis. Du kannst die Aufgabe auch allein mit dem stehenden Bild bearbeiten.

{{BR}}
= Farbton, Helligkeit und Temperatur vergleichen =

Ittens sieben Kontrastarten sind eine Hilfe zum Beobachten. In einem Bild können mehrere zugleich auftreten. Frage deshalb zuerst, '''welche Eigenschaft''' du gerade untersuchst.

{{BR}}
== Farbe-an-sich-Kontrast ==

Hier treffen deutlich unterschiedliche, kräftige Farbtöne aufeinander. Ein klassisches Beispiel sind '''Rot, Gelb und Blau''' nebeneinander. Der Unterschied der Farbtöne steht im Vordergrund. Besonders anschaulich wird dieser Kontrast mit drei oder mehr klar unterscheidbaren bunten Farben.<ref name="farbeansich">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/farb-kon/ Lehrerfortbildung Baden-Württemberg: Farbe-an-sich-Kontrast]</ref>

{{BR}}
== Hell-Dunkel-Kontrast ==

Beim '''Hell-Dunkel-Kontrast''' vergleichst du Helligkeiten. Schwarz neben Weiß ist ein deutliches Beispiel. Auch helle und dunkle Varianten eines blauen Farbtons unterscheiden sich so. Du brauchst dafür keine verschiedenen Farbtöne.<ref name="helldunkel">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/h-d-kon/ Lehrerfortbildung Baden-Württemberg: Hell-Dunkel-Kontrast]</ref>

[[File:Kontrast 2 Hell-Dunkel-Kontrast.svg|500px|frameless|center|alt=Helle und dunkle unbunte Flächen als Beispiel für Helligkeitsunterschiede]]
Hell und dunkel: Beschreibe den Unterschied ohne Farbnamen. Daniel FR, CC0 1.0.

{{BR}}
== Kalt-Warm-Kontrast ==

Rotorange wirkt im Vergleich zu Blaugrün häufig warm, Blaugrün dagegen kühl. '''Warm und kalt beschreiben hier einen Eindruck, keine gemessene Temperatur.''' Die Wirkung hängt auch von Nachbarfarben und Bildzusammenhang ab. Eine Farbe muss daher nicht in jedem Bild gleich wirken.<ref name="warmkalt">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/w-k-kon/ Lehrerfortbildung Baden-Württemberg: Kalt-Warm-Kontrast]</ref>

[[File:Kontrast 4 Kalt-Warm-Kontrast.svg|500px|frameless|center|alt=Warme und kühle Farbflächen im direkten Vergleich]]
Kalt-Warm-Kontrast: Welche Fläche erinnert dich eher an Wärme, welche eher an Kühle? Daniel FR, CC0 1.0.

{{BR}}
== Komplementärkontrast ==

Beim '''Komplementärkontrast''' stehen Farben zusammen, die sich im gewählten Farbkreis gegenüberliegen. Für den Itten-Kreis sind Blau und Orange ein Beispiel. Sie können sich deutlich voneinander abheben. Das gleiche Paar kann zusätzlich einen Kalt-Warm-Kontrast zeigen.<ref name="komplementaer">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/komp-kon/ Lehrerfortbildung Baden-Württemberg: Komplementär-Kontrast]</ref>

'''Mini-Versuch:''' Lege ein orangefarbenes Papierstück zuerst auf Blau und dann auf Rot. Halte Größe und Beleuchtung gleich. Beschreibe, was sich an seiner Wirkung verändert. Die Farbe des Papierstücks bleibt dabei dieselbe.

{{BR}}
= Leuchtkraft und Flächenanteile gestalten =

{{BR}}
== Qualitätskontrast: kräftig und getrübt ==

Beim '''Qualitätskontrast''' steht eine gesättigte Farbe einer weniger gesättigten oder unbunten Fläche gegenüber. „Qualität“ bedeutet hier '''Sättigungsgrad''', nicht „gutes“ oder „schlechtes“ Kunstwerk. Ein kräftiges Rot kann neben Grau besonders auffallen. Vergleiche möglichst ähnlich helle Flächen, wenn du den Sättigungsunterschied gezielt untersuchen willst.<ref name="qualitaet">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/qual-kon/ Lehrerfortbildung Baden-Württemberg: Qualitäts-Kontrast]</ref>

[[File:Kontrast 5 Qualitätskontrast.svg|500px|frameless|center|alt=Eine gesättigte Farbe wird einer unbunten Fläche gegenübergestellt]]
Qualitätskontrast: Vergleiche die Buntheit der Flächen. Daniel FR, CC0 1.0.

[[File:De-Farbsättigung.ogg|center|Aussprachehilfe: Farbsättigung]]

'''Fachsprache üben:''' Höre das Wort „Farbsättigung“. Erkläre anschließend den Unterschied zwischen „kräftig bunt“ und „hell“. Die Aufnahme ist eine Aussprachehilfe; die Erklärung entwickelst du selbst.

{{BR}}
== Quantitätskontrast: viel und wenig ==

Beim '''Quantitätskontrast''' vergleichst du die Größen beziehungsweise Anteile der Farbflächen. Ein kleiner orangefarbener Bereich in einer großen blauen Fläche wirkt anders als eine große orangefarbene Fläche mit wenig Blau. Auch kleine Flächen können Aufmerksamkeit gewinnen. Wie stark das geschieht, hängt zusätzlich von den anderen Kontrasten und der Anordnung ab.<ref name="quantitaet">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/quan-kon/ Lehrerfortbildung Baden-Württemberg: Quantitäts-Kontrast]</ref>

[[File:Kontrast 6 Quantitätskontrast.svg|500px|frameless|center|alt=Unterschiedlich große Farbflächen zeigen einen Gegensatz von viel und wenig]]
Quantitätskontrast: Überlege, was sich beim Vertauschen der Flächenanteile verändern würde. Daniel FR, CC0 1.0.

'''Probiere aus:''' Gestalte mit denselben zwei Papieren eine Fläche ungefähr zur Hälfte blau und zur Hälfte orange. Ändere danach nur die Anteile, etwa zu neun Zehnteln Blau und einem Zehntel Orange. Vergleiche beide Varianten. Dieses Verhältnis ist ein Versuchsbeispiel, keine allgemein gültige Harmonieregel.

{{BR}}
= Wie die Umgebung deine Wahrnehmung verändert =

Beim '''Simultankontrast''' beeinflussen gleichzeitig sichtbare Nachbarflächen deine [[Farbwahrnehmung]]. Derselbe Farbwert kann je nach Umgebung anders erscheinen. „Simultan“ bedeutet „gleichzeitig“. Die Fläche wird dabei nicht mit der Hintergrundfarbe vermischt; ihre wahrgenommene Wirkung verändert sich.<ref name="simultan">[https://lehrerfortbildung-bw.de/st_digital/medienkompetenz/gestaltung-farbe/kontrast/simu-kon/ Lehrerfortbildung Baden-Württemberg: Simultan-Kontrast]</ref>

[[File:Simultaneous Contrast.svg|300px|frameless|center|alt=Zwei identische graue Rechtecke liegen auf unterschiedlich hellen Hintergründen]]
Die beiden inneren Rechtecke haben tatsächlich denselben Grauwert. Auf dem dunkleren Hintergrund kann das Grau heller erscheinen. Qef nach Xanzzibar und K. P. Miyapuram; gemeinfrei.

'''Untersuche statt zu raten:''' Beschreibe zuerst deinen Eindruck. Decke anschließend die umgebenden Flächen mit Papier ab, sodass nur die beiden inneren Rechtecke sichtbar bleiben. Vergleiche erneut. Erkläre, welche Beobachtung für den Einfluss der Umgebung spricht. Der Effekt kann je nach Betrachtung unterschiedlich deutlich ausfallen.

Das Beispiel zeigt einen '''Helligkeits-Simultankontrast'''. Auch der wahrgenommene Farbton kann sich durch eine farbige Umgebung verschieben. Vergleiche deshalb eine Farbe immer auch in ihrem tatsächlichen Bildzusammenhang.

{{BR}}
== Video: die sieben Kontraste im Überblick ==

{{#ev:youtube|https://www.youtube.com/watch?v=EdUGaS0UIhQ|500|center}}
'''Der Farbkreis – Johannes Itten und Harald Küppers in Kombination''' – Der Kunsterklärer. Deutsch. [https://www.youtube.com/watch?v=EdUGaS0UIhQ Video auf YouTube öffnen].

'''Sehauftrag:''' Nutze besonders den Abschnitt zu den sieben Kontrasten. Erstelle eine Tabelle mit „Kontrast – untersuchte Eigenschaft – eigenes Beispiel“. Erkläre an einem Beispiel, warum zwei Kontraste zugleich wirken können. Das deutschsprachige Video behandelt auch verschiedene Farbmodelle; ordne Aussagen jeweils dem genannten Modell zu.

{{BR}}
= Kontraste in Kunst und Alltag einsetzen =

{{BR}}
== Ein Gemälde untersuchen ==

[[File:Van Gogh - The Night Café (1888).jpg|500px|frameless|center|alt=Café-Innenraum mit roten Wänden, grünen Flächen, hellen Lampen und einem Billardtisch]]
Vincent van Gogh: Das Nachtcafé, 1888. Yale University Art Gallery; gemeinfreies Werk und Commons-Reproduktion.

'''Bildanalyse:''' Suche im [[Das Nachtcafé|Nachtcafé]] Rot-Grün-Gegenüberstellungen. Vergleiche anschließend die hellen Lampen mit dunkleren Bildstellen. Beschreibe jeweils eine genaue Stelle, benenne den Kontrast und formuliere seine Wirkung auf dich. „Auf mich wirkt …, weil …“ ist genauer als eine allgemeine Behauptung über die Gefühle aller Menschen.

{{BR}}
== Aufmerksamkeit und Lesbarkeit verbinden ==

Für ein [[Plakat]] kannst du einen kleinen kräftigen Farbakzent einsetzen und Schrift deutlich vom Hintergrund abheben. '''Große Farbtonunterschiede garantieren noch keine gute Lesbarkeit.''' Dafür ist auch der Helligkeitsunterschied entscheidend. Prüfe deine Gestaltung in Graustufen und in der vorgesehenen Größe. Eine Graustufenansicht hilft beim Vergleichen, ersetzt aber keine genaue Kontrastmessung.<ref name="wcagkontrast">[https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html W3C: WCAG 2.2, Verständnis zu Kontrast-Mindestanforderungen]</ref>

Wichtige Informationen sollten nicht ausschließlich an einer Farbe hängen. Ergänze etwa farbige Markierungen durch '''Wörter, Formen oder eindeutige Zeichen'''. So bleibt die Bedeutung auch erkennbar, wenn jemand die Farbtöne nicht sicher unterscheiden kann.<ref name="wcagfarbe">[https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html W3C: WCAG 2.2, Verwendung von Farbe]</ref>

'''Vertiefung für digitale Gestaltung:''' WCAG 2.2 nennt auf Stufe AA für normalen Text im Regelfall ein Mindestkontrastverhältnis von '''4,5:1''' zum Hintergrund. Das ist ein aus relativen Leuchtdichten berechneter Wert. Er beschreibt nicht die Flächenanteile des Quantitätskontrasts. Für die genaue Prüfung brauchst du ein geeignetes Kontrastprüfwerkzeug.<ref name="wcagkontrast"/>

{{#ev:youtube|https://www.youtube.com/watch?v=nnw49cELVrQ|500|center}}
'''IQ-TUBE: Kunst – Farbkontraste''' – IQTubeOffiziell. Deutsch. [https://www.youtube.com/watch?v=nnw49cELVrQ Video auf YouTube öffnen].

'''Transferauftrag zum deutschsprachigen Video:''' Plane ein Plakat für eine erfundene Kunstausstellung. Wähle einen Kontrast für die Blickführung und einen für die Lesbarkeit. Begründe beide Entscheidungen und prüfe sie an zwei Entwürfen.

{{BR}}
== Dein Merkschema ==

{| class="wikitable"
! Kontrast !! Worauf du achtest
|-
| Farbe-an-sich-Kontrast || Unterschiedliche, deutlich erkennbare Farbtöne
|-
| Hell-Dunkel-Kontrast || Unterschiedliche Helligkeiten
|-
| Kalt-Warm-Kontrast || Warme und kühle Farbwirkung im Zusammenhang
|-
| Komplementärkontrast || Gegenüberliegende Farben im benannten Farbkreis
|-
| Qualitätskontrast || Unterschiedliche Sättigung oder Buntheit
|-
| Quantitätskontrast || Unterschiedliche Anteile der Farbflächen
|-
| Simultankontrast || Einfluss der gleichzeitig sichtbaren Umgebung
|}

{{BR}}
= Interaktive Aufgaben =

{{BR}}
== Quiz: Teste dein Wissen ==

Wähle jeweils die eine passende Antwort. Bei Bildbeispielen können mehrere Kontraste zusammenwirken; die Fragen benennen deshalb genau, welchen Zusammenhang du prüfen sollst.

{{MC}}

'''Welche Eigenschaft steht beim Farbe-an-sich-Kontrast im Mittelpunkt?'''
(Der Unterschied zwischen Farbtönen)
(!Der Unterschied zwischen Papierformaten)
(!Der Unterschied zwischen Bildabständen)
(!Der Unterschied zwischen Rahmengrößen)

{{E}}
<br>

{{MC}}

'''Welche beiden idealen unbunten Flächen zeigen den größten Hell-Dunkel-Unterschied?'''
(Schwarz und Weiß)
(!Hellgrau und Weiß)
(!Dunkelgrau und Schwarz)
(!Zwei gleich helle Grauflächen)

{{E}}
<br>

{{MC}}

'''Was bedeutet warm oder kalt bei einer Farbwirkung?'''
(Ein Eindruck im jeweiligen Bildzusammenhang)
(!Die gemessene Temperatur der Farbe)
(!Die Temperatur des Bildschirms)
(!Die Trocknungszeit der Malfarbe)

{{E}}
<br>

{{MC}}

'''Welches Paar liegt sich im traditionellen Itten-Farbkreis gegenüber?'''
(Blau und Orange)
(!Blau und Grün)
(!Rot und Orange)
(!Gelb und Grün)

{{E}}
<br>

{{MC}}

'''Welche Gegenüberstellung untersucht gezielt den Qualitätskontrast?'''
(Gesättigtes und getrübtes Blau bei ähnlicher Helligkeit)
(!Zwei identische rote Flächen)
(!Zwei gleichfarbige Flächen mit verschiedener Größe)
(!Ein schwarzes und ein weißes Feld)

{{E}}
<br>

{{MC}}

'''Was veränderst du gezielt, um den Quantitätskontrast zu untersuchen?'''
(Die Anteile der Farbflächen)
(!Nur die Helligkeit der Farben)
(!Nur die Sättigung der Farben)
(!Nur die Beleuchtung im Raum)

{{E}}
<br>

{{MC}}

'''Zwei tatsächlich gleiche Grauflächen erscheinen vor verschiedenen Hintergründen unterschiedlich. Welche Erklärung passt?'''
(Die gleichzeitig sichtbare Umgebung beeinflusst den Eindruck)
(!Die Hintergründe vermischen sich körperlich mit dem Grau)
(!Die grauen Flächen müssen verschiedene Farbwerte haben)
(!Gleiche Farbwerte müssen überall gleich erscheinen)

{{E}}
<br>

{{MC}}

'''Welche Aussage über Helligkeit und Sättigung stimmt?'''
(Ein dunkles Blau kann stark gesättigt sein)
(!Dunkle Farben sind immer unbunt)
(!Gesättigte Farben sind immer hell)
(!Helligkeit und Sättigung bedeuten genau dasselbe)

{{E}}
<br>

{{MC}}

'''Wie bleibt eine farbig markierte Information auch ohne sichere Unterscheidung der Farbtöne verständlich?'''
(Durch zusätzliche eindeutige Wörter oder Zeichen)
(!Durch ausschließlich rote und grüne Markierungen)
(!Durch den Verzicht auf jede Beschriftung)
(!Durch möglichst ähnliche Helligkeiten)

{{E}}
<br>

{{MC}}

'''Ein Bild zeigt unterschiedliche Farbtöne, Helligkeiten und Flächengrößen. Welche Aussage passt?'''
(Mehrere Kontraste können gleichzeitig wirken)
(!In jedem Bild darf nur ein Kontrast vorkommen)
(!Flächengrößen verändern niemals die Bildwirkung)
(!Ein Farbkreis bestimmt die Gefühle aller Menschen)

{{E}}
<br>

{{BR}}
== Memory: Begriffe und Bedeutungen ==

Finde die sieben zusammengehörenden Paare.

<div class="memo-quiz">
{|
|-
| Farbe-an-sich-Kontrast || Deutlich verschiedene bunte Farbtöne
|-
| Hell-Dunkel-Kontrast || Gegensatz verschiedener Helligkeiten
|-
| Kalt-Warm-Kontrast || Gegensatz warmer und kühler Farbwirkung
|-
| Komplementärkontrast || Gegenüberliegende Farben eines benannten Farbkreises
|-
| Qualitätskontrast || Gegensatz gesättigter und getrübter Farben
|-
| Quantitätskontrast || Gegensatz verschieden großer Farbflächen
|-
| Simultankontrast || Veränderter Farbeindruck durch die sichtbare Umgebung
|}
{{E}}
<br>

{{BR}}
== Drag-and-drop: Was wird verändert? ==

Ordne jeder Versuchsbeschreibung die Eigenschaft zu, die gezielt untersucht wird.

<div class="lueckentext-quiz">

{| class="wikitable"
! Gesuchter Begriff
! Versuchsbeschreibung
|-
| '''Helligkeit'''
| Einen blauen Farbton heller und dunkler zeigen
|-
| '''Sättigung'''
| Kräftiges Blau mit einem ähnlich hellen getrübten Blau vergleichen
|-
| '''Flächenanteil'''
| Bei gleichen Farben die Größe des orangefarbenen Bereichs ändern
|-
| '''Umgebung'''
| Dasselbe graue Papier auf hellen und dunklen Hintergrund legen
|-
| '''Farbton'''
| Rote gelbe und blaue Flächen nebeneinanderstellen
|}
{{E}}
<br>

{{BR}}
== Kreuzworträtsel ==

Trage jeweils ein Wort ein. Umlaute bleiben erhalten.

<div class="kreuzwort-quiz">
{|
|-
| Helligkeit || Welche Eigenschaft beschreibt wie hell oder dunkel eine Farbe erscheint?
|-
| Sättigung || Welche Eigenschaft unterscheidet kräftig bunte von getrübten Farben?
|-
| Farbkreis || Welches ringförmige Modell ordnet Farbtöne und zeigt ihre Nachbarschaft?
|-
| Orange || Welche Farbe liegt Blau im traditionellen Itten-Kreis gegenüber?
|-
| Simultan || Welches Fachwort bedeutet gleichzeitig?
|-
| Quantität || Welcher Begriff bezeichnet beim Farbkontrast die Mengenanteile der Flächen?
|}
{{E}}
<br>

{{BR}}
== LearningApps ==

Hier findest du eine ergänzende Themensuche. Die Treffer können wechseln und wurden nicht einzeln geprüft. Falls die Einbettung nicht lädt, öffne [https://learningapps.org/index.php?s=Farbkontrast die Suche nach Farbkontrast]. Alle obenstehenden Übungen kannst du direkt im Kurs bearbeiten.

<iframe> https://learningapps.org/index.php?s=Farbkontrast </iframe>

{{BR}}
== Lückentext ==

<quiz display=simple>
{'''Ergänze die Fachbegriffe im Zusammenhang.'''<br>
|type="{}"}
Wenn du Rot von Blau unterscheidest, vergleichst du ihren { Farbton }. Der Unterschied zwischen einem hellen und einem dunklen Blau betrifft vor allem die { Helligkeit }. Wie kräftig bunt oder getrübt eine Farbe erscheint, beschreibst du mit ihrer { Sättigung }. Im traditionellen Itten-Kreis liegt Blau der Farbe { Orange } gegenüber. Den Gegensatz solcher gegenüberliegenden Farben nennt man { Komplementärkontrast }. Rotorange neben Blaugrün ist ein Beispiel für einen { Kalt-Warm-Kontrast }. Gesättigte Farbe neben einer getrübten Variante untersuchst du beim { Qualitätskontrast }. Veränderst du nur die Größen der Farbflächen, beschäftigst du dich mit dem { Quantitätskontrast }. Dass gleiches Grau auf verschiedenen Hintergründen anders wirken kann, zeigt den { Simultankontrast }. Das Wort simultan bedeutet { gleichzeitig }. Für gut lesbare Schrift ist ein ausreichender Unterschied der { Helligkeit } zwischen Schrift und Hintergrund wichtig. Damit die Bedeutung einer farbigen Markierung verständlich bleibt, kannst du zusätzlich eindeutige { Wörter } verwenden.
</quiz>
<br>

{{BR}}
= Offene Aufgaben =

Bearbeite die Aufgaben passend zu deinem Lernstand. Sammle Entwürfe, Beobachtungen und Begründungen in deinem Lernheft. Verwende bei veröffentlichten Ergebnissen keine persönlichen Angaben anderer Personen.

{{BR}}
=== Leicht ===

# [[Farbwahrnehmung|Kontraste entdecken]]: Suche in deiner Umgebung drei Farbgegensätze. Skizziere jeden in deinem Heft und notiere einen passenden Kontrastnamen mit einer kurzen Begründung.
# [[Hell-Dunkel-Kontrast|Graustufen vergleichen]]: Gestalte fünf kleine Felder von sehr hell bis sehr dunkel. Wähle zwei gut unterscheidbare Felder aus und erkläre, warum du keine bunten Farbtöne für diesen Kontrast brauchst.
# [[Komplementärfarben|Gegenfarben finden]]: Stelle die drei Paare Rot–Grün, Blau–Orange und Gelb–Violett mit Papierstücken zusammen. Ordne sie im Itten-Kreis zu und beschrifte deine Karte ausdrücklich mit dem verwendeten Farbmodell.
# [[Fachsprache|Hören und erklären]]: Nutze die beiden Commons-Audios. Sprich die Fachwörter nach und verfasse zu jedem eine Erklärung in eigenen Worten samt einem kleinen Beispiel. Unterscheide dabei Helligkeit und Sättigung.

{{BR}}
=== Standard ===

# [[Qualitätskontrast|Sättigung untersuchen]]: Mische zu einer kräftigen Malfarbe schrittweise wenig Grau. Halte vier Proben fest und notiere getrennt, wie sich Sättigung und Helligkeit verändern. Stelle eine kräftige und eine getrübte Probe nebeneinander.
# [[Quantitätskontrast|Anteile tauschen]]: Gestalte mit denselben zwei Farben zwei gleich große Bildflächen. Nutze einmal ungefähr gleiche Anteile und einmal einen deutlich kleineren Farbakzent. Beschreibe, was du gezielt verändert hast und welche Wirkung du beobachtest.
# [[Simultankontrast|Einen Eindruck überprüfen]]: Schneide zwei gleiche Stücke aus demselben grauen Papier. Lege sie auf unterschiedlich helle Untergründe. Protokolliere Vermutung, Aufbau, Beobachtung und eine Kontrollprobe auf demselben Hintergrund.
# [[Bildanalyse|Ein Gemälde lesen]]: Untersuche das Nachtcafé. Beschreibe in etwa 80 Wörtern zwei konkrete Bildstellen und ihre Kontraste. Trenne Beobachtung und persönliche Deutung; nenne Künstler, Werktitel und Bildquelle.

{{BR}}
=== Schwer ===

# [[Plakatgestaltung|Zwei Plakatvarianten entwickeln]]: Entwirf ein Plakat für eine erfundene Kunstausstellung mit mindestens zwei bewusst eingesetzten Kontrasten. Erstelle eine zweite Variante, in der du einen Faktor gezielt änderst. Begründe deine bevorzugte Fassung und prüfe die Lesbarkeit.
# [[Experiment|Einen Vergleich fair planen]]: Untersuche mit zwei Gestaltungsvarianten, ob ein kleiner Farbakzent den Blick lenkt. Halte Motiv, Größe und Betrachtungsbedingungen möglichst gleich. Lass freiwillige Testpersonen ihren ersten Blickpunkt nennen, notiere nur zusammengefasste Beobachtungen und erkläre die Grenzen deines kleinen Versuchs.
# [[Animation|Eine bewegte Kontrastidee planen]]: Zeichne ein Storyboard aus sechs bis zwölf Bildern, in dem sich nur die Umgebung einer gleichbleibenden Farbfläche verändert. Erkläre, welchen Wahrnehmungseffekt du zeigen möchtest. Ergänze eine Beschreibung, mit der die Idee auch ohne Bewegung verständlich wird.
# [[Kunstvermittlung|Einen Miniworkshop gestalten]]: Plane eine zehnminütige Einführung für andere Lernende. Verbinde ein überprüftes Commons-Beispiel mit einem Papierexperiment und einer eigenen Kontrollfrage. Dokumentiere die verwendete Quelle, den Urheber und die Lizenz und formuliere eine mögliche Fehlvorstellung mit ihrer Korrektur.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

Begründe deine Antworten mit Fachbegriffen und überprüfbaren Beispielen. Entscheidend ist, dass du Zusammenhänge erklärst und deine Gestaltungsentscheidungen nachvollziehbar machst.

# [[Lesbarkeit|Gestaltung beurteilen]]: Eine rote Überschrift auf ähnlich hellem grünem Hintergrund fällt auf, ist aber schwer lesbar. Erkläre, warum ein Komplementärkontrast allein das Problem nicht löst. Begründe zwei Verbesserungen.
# [[Versuchsplanung|Eigenschaften unterscheiden]]: Eine Farbprobe wird zugleich heller und weniger gesättigt. Jemand nennt den Unterschied ausschließlich Qualitätskontrast. Beurteile die Aussage und beschreibe einen Vergleich, der beide Eigenschaften besser voneinander trennt.
# [[Komplementärkontrast|Kontraste verbinden]]: Erläutere an Blau und Orange im Itten-Kreis, warum Komplementär- und Kalt-Warm-Kontrast gleichzeitig auftreten können. Zeige, wie ein veränderter Flächenanteil eine weitere Gestaltungsmöglichkeit eröffnet.
# [[Simultankontrast|Wahrnehmung begründen]]: Zwei Flächen besitzen denselben Grauwert, erscheinen aber verschieden. Erkläre den Einfluss ihrer Umgebung und entwickle eine Kontrollprobe, mit der du deine Erklärung überprüfen kannst.
# [[Visuelle Kommunikation|Wissen übertragen]]: Du gestaltest einen Lageplan für eine Ausstellung. Begründe deine Farbauswahl, sichere die Lesbarkeit und ergänze Informationen durch Formen oder Wörter. Erkläre, wie du prüfen würdest, ob der Plan verständlich ist.
<br>
<br>

{{BR}}
= Lernnachweis =

Stelle aus deinen Ergebnissen ein kleines Portfolio zusammen: ein Beispielblatt, ein dokumentierter Versuch und zwei begründet verglichene Gestaltungsvarianten.

{| class="wikitable"
! Nachweis !! Das zeigst du
|-
| Fachwissen || Du erklärst alle sieben Kontraste mit passenden Beispielen und benennst bei Gegenfarben das verwendete Farbmodell.
|-
| Untersuchung || Du dokumentierst einen Vergleich mit Vermutung, gleichbleibenden Bedingungen, Beobachtung und begründetem Ergebnis.
|-
| Gestaltungsprodukt || Du legst zwei Varianten einer Kontrastkarte oder eines Plakats vor und benennst mindestens zwei bewusst eingesetzte Kontraste.
|-
| Begründung und Transfer || Du zeigst an konkreten Stellen, wie du Blickführung und Lesbarkeit beeinflusst, und trennst persönliche Wirkung von allgemeiner Behauptung.
|-
| Medienkompetenz || Du unterscheidest frei nachnutzbare Commons-Dateien von externen Videos und gibst bei fremden Medien Quelle, Urheber und Lizenz an.
|}

'''Selbstprüfung:''' Kannst du zu jeder Behauptung eine Bildstelle, einen Vergleich oder eine Quelle nennen? Überarbeite eine schwache Stelle und beschreibe kurz, was dadurch klarer geworden ist.

<br>
<br>

{{BR}}
= OER und Wikipedia =

Die Erklärungen stützen sich vor allem auf die unten verlinkten Fachseiten der Lehrerfortbildung Baden-Württemberg. Die Hinweise zur digitalen Lesbarkeit beziehen sich auf die W3C-Erläuterungen zu WCAG 2.2. Alle Kursaufgaben sind eigenständig formuliert.

'''Medienprüfung vom 25. Oktober 2026:''' Bei den Commons-Dateien wurden Dateiseiten, Urheber- und Lizenzangaben geprüft. Die Audios sind kurze Ausspracheaufnahmen. Titel, Anbieter und Themen der YouTube-Videos wurden anhand ihrer Videodatensätze überprüft; ihre Wiedergabe konnte bei der Recherche nicht getestet werden.

'''Zur Nachnutzung:''' Alle Commons-Dateien sind hier unverändert eingebunden; lediglich die Anzeigegröße wird angepasst. Beachte die jeweilige Lizenz. Für die YouTube-Videos ist keine freie Nachnutzungslizenz nachgewiesen; sie werden über den externen YouTube-Player eingebunden.

{{BR}}
== Fachquellen ==

<references />

{{BR}}
== Bilder, Animation und Audio von Wikimedia Commons ==

{| class="wikitable"
! Datei !! Quelle !! Urheber !! Lizenz oder Rechtenachweis
|-
| File:Farbkreis Itten 1961.svg || [https://commons.wikimedia.org/wiki/File:Farbkreis_Itten_1961.svg Commons-Dateiseite] || Malte Ahrens; Vektorisierung: SidShakal || [https://commons.wikimedia.org/wiki/File:Farbkreis_Itten_1961.svg#Licensing Gemeinfrei; Freigabe des Rechteinhabers]
|-
| File:Construction cercle chromatique johannes itten 600x600.gif || [https://commons.wikimedia.org/wiki/File:Construction_cercle_chromatique_johannes_itten_600x600.gif Commons-Dateiseite] || Mathieu Jouhet / Daformat || [https://creativecommons.org/licenses/by-sa/3.0/ CC BY-SA 3.0]
|-
| File:Kontrast 2 Hell-Dunkel-Kontrast.svg || [https://commons.wikimedia.org/wiki/File:Kontrast_2_Hell-Dunkel-Kontrast.svg Commons-Dateiseite] || Daniel FR || [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0]
|-
| File:Kontrast 4 Kalt-Warm-Kontrast.svg || [https://commons.wikimedia.org/wiki/File:Kontrast_4_Kalt-Warm-Kontrast.svg Commons-Dateiseite] || Daniel FR || [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0]
|-
| File:Kontrast 5 Qualitätskontrast.svg || [https://commons.wikimedia.org/wiki/File:Kontrast_5_Qualit%C3%A4tskontrast.svg Commons-Dateiseite] || Daniel FR || [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0]
|-
| File:Kontrast 6 Quantitätskontrast.svg || [https://commons.wikimedia.org/wiki/File:Kontrast_6_Quantit%C3%A4tskontrast.svg Commons-Dateiseite] || Daniel FR || [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0]
|-
| File:Simultaneous Contrast.svg || [https://commons.wikimedia.org/wiki/File:Simultaneous_Contrast.svg Commons-Dateiseite] || Qef; nach Xanzzibar und K. P. Miyapuram || [https://commons.wikimedia.org/wiki/File:Simultaneous_Contrast.svg#Licensing Gemeinfrei; Freigabe durch Qef]
|-
| File:Van Gogh - The Night Café (1888).jpg || [https://commons.wikimedia.org/wiki/File:Van_Gogh_-_The_Night_Caf%C3%A9_(1888).jpg Commons-Dateiseite] || Vincent van Gogh; Bildquelle: Yale University Art Gallery || [https://commons.wikimedia.org/wiki/File:Van_Gogh_-_The_Night_Caf%C3%A9_(1888).jpg#Licensing Gemeinfrei; PD-Art und Public Domain Mark]
|-
| File:De-Farbkontrast.ogg || [https://commons.wikimedia.org/wiki/File:De-Farbkontrast.ogg Commons-Dateiseite] || Anhezu; vorhandener Ausschnitt aus De-Blindschleiche-article.ogg || [https://creativecommons.org/licenses/by/3.0/ CC BY 3.0]
|-
| File:De-Farbsättigung.ogg || [https://commons.wikimedia.org/wiki/File:De-Farbs%C3%A4ttigung.ogg Commons-Dateiseite] || Jeuwre || [https://creativecommons.org/licenses/by-sa/4.0/ CC BY-SA 4.0]
|}

{{BR}}
== Externe YouTube-Videos ==

{| class="wikitable"
! Video !! Anbieter !! Sprache !! Nutzungshinweis
|-
| [https://www.youtube.com/watch?v=EdUGaS0UIhQ Der Farbkreis - Johannes Itten und Harald Küppers in Kombination] || Der Kunsterklärer || Deutsch || Externer Player; keine freie Nachnutzungslizenz nachgewiesen
|-
| [https://www.youtube.com/watch?v=nnw49cELVrQ IQ-TUBE: Kunst - Farbkontraste] || IQTubeOffiziell || Deutsch || Externer Player; keine freie Nachnutzungslizenz nachgewiesen
|}

Die [https://www.youtube.com/t/terms YouTube-Nutzungsbedingungen] unterscheiden die Anzeige über den einbettbaren Player von weitergehender Nutzung. Eine Einbettung ist keine allgemeine Erlaubnis zum Herunterladen, Bearbeiten oder erneuten Hochladen.

{{BR}}
== Zum Weiterlesen ==

Der deutschsprachige Wikipedia-Artikel bietet weitere Beispiele. Beachte auch dort, auf welches Farbmodell sich Aussagen beziehen; vereinfachte Mischregeln sind nicht auf jedes Material übertragbar.

<iframe> https://de.wikipedia.org/wiki/Sieben_Farbkontraste </iframe>

[https://de.wikipedia.org/wiki/Sieben_Farbkontraste Sieben Farbkontraste auf Wikipedia öffnen]. Quellen und Lizenzen der dortigen Medien findest du jeweils an der verlinkten Datei.

{{BR}}
= Verknüpfte Lernbereiche =

Du verbindest Farbmodelle und Wahrnehmung mit Bildanalyse, praktischer Gestaltung und verständlicher visueller Kommunikation.

{| align=center
{{:D-Tab}}
'''[[Farbenlehre]]'''
# [[Farbkreis]]
# [[Farbe-an-sich-Kontrast]]
# [[Hell-Dunkel-Kontrast]]
# [[Kalt-Warm-Kontrast]]
# [[Komplementärkontrast]]
# [[Qualitätskontrast]]
# [[Quantitätskontrast]]
# [[Simultankontrast]]
# [[Farbwahrnehmung]]
# [[Bildanalyse]]
# [[Plakatgestaltung]]
# [[Barrierefreiheit]]
|}

[[Category:Sprache:Deutsch]]
[[Category:Locale:de-DE]]
[[Category:Kunst]]
[[Category:Sekundarstufe I]]
[[Category:Klasse 7]]
[[Category:Klasse 8]]
[[Category:Klasse 9]]
[[Category:Farbenlehre]]
[[Category:Gestaltung]]
[[Category:Medienbildung]]

{{BR}}
= aiMOOC-Projekte =

[[Category:AI_MOOC]] [[Category:GPT aiMOOC]]
{{MT}}

Farbkontrast - Versionsgeschichte

Glanz: AI MOOC Plugin 0a1c649bc7be98b4f7460ccf86a14175