Mehr Farben

At My Fingertips

Rapid Playground

This activity is part of a curriculum.

While you can work through this activity right on this page, we recommend you start a curriculum now to get an optimal learning experience.

Einführung (November-Januar)

Sie lernen Code übersichtlich zu schreiben (Stil) und Variablen zu nutzen, um verschiedene Grafiken zu erstellen. Sie können Zahlen und Text in Python verwenden und Sie lernen Code effizient mit Schleifen zu gestalten. Sie lernen auch die Datenstruktur Liste zu verwenden.

Sie lernen mit der Funktion rgb_color Ihre eigenen Farben zu mischen.

Das RGB-Modell

RGB steht für Rot (Red), Grün (Green) und Blau (Blue). Es ist ein additives Farbmodell, das in der digitalen Welt weit verbreitet ist. Das bedeutet, dass Farben durch das Mischen dieser drei Grundfarben in unterschiedlichen Intensitäten erzeugt werden.

So funktioniert es

Drei Grundfarben: Rot, Grün und Blau sind die Basis.
Intensität: Jede Farbe wird mit einem Wert zwischen 0 und 255 angegeben. 0 bedeutet keine Farbe, 255 die maximale Intensität.
Mischen: Durch das Mischen dieser Werte entstehen 16'777'216 Farben (256 ** 3).

rgb-farben

Quelle: rabidtables

Beispiele

Beispiel: rgb_color(255, 0, 0) ist reines Rot, rgb_color(0, 255, 0) reines Grün und rgb_color(0, 0, 255) reines Blau. rgb_color(255, 255, 255) ist Weiss, da alle Farben maximal gemischt sind, und rgb_color(0, 0, 0) ist Schwarz, da keine Farbe vorhanden ist.

Ergänzen Sie die RGB-Werte im Code unten, um folgende Grafik mit Weiss und den drei RGB-Grundfarben zu erstellen.

dreiecke_wrgb

Lösung

weiss = rgb_color(255, 255, 255)
rot = rgb_color(255, 0, 0)
gruen = rgb_color(0, 255, 0)
blau = rgb_color(0, 0, 255)

Ersetzen Sie in den folgenden zwei Zellen die Ellipsen ... direkt mit dem Aufruf der Funktion rgb_color und passenden Werten für Schwarz und Weiss.

Do Now!

Welche RGB-Werte ergeben Weiss, welche Schwarz? Merken Sie sich das.

Your answer

Lösung Weiss

from pytamaro import rectangle

show_graphic(
    rectangle(50, 50, rgb_color(255, 255, 255))
)

Lösung Schwarz

show_graphic(triangle(150, 50, 100, rgb_color(0, 0, 0)))

Eigene Farben mit RGB

Benutzen Sie Ihre Lieblingssuchmaschine, um RGB-Werte für folgende Farben zu finden - plus eine Farbe Ihrer Wahl. Eine nützliche Seite, die jedoch momentan etwas sehr viel Werbung hat, ist encycolorpedia. Eine andere Möglichkeit bietet der Colour picker von Google.

Beispiel

Farben mit RGB erstellen, einer Variable zuweisen und wiederverwenden Zeichnen Sie wieder Figuren Ihrer Wahl in Farben, die Sie mit rgb_color mischen. Folgen Sie dabei der Struktur des Beispiels.

Farbbeschriebe in Worten wie ‘Ocker’ sind übrigens ungenau; deshalb kann Ihre Nachbarin eine leicht abweichende RGB-Kombination und trotzdem auch eine korrekte Lösung haben.

Titelgrafik

Die Titelgrafik besteht aus 4 Reihen in verschiedenen Farbtönen von aufsteigender Farbintensität.

reihen

Beispiel

Die unterste Reihe in Pink besteht aus 4 Quadraten, von denen die Rot- und Blauwerte beim Maximum liegen. Um die Reihe im Pinkton darzustellen, müssen Sie die G-Werte jeweils reduzieren, die andere beiden Farbewerte müssen immer auf dem Maximum bleiben.

reihe_pink

Um die Reihe in Blautönen darzustellen, müssen die R- und G-Werte sinken (bereits im Code), der Blauton muss immer auf dem Maximum bleiben. Ergänzen Sie in den Farbfunktionen den Blauwert.

reihe_blau

Um die Reihe in Grüntönen darzustellen, muss der Blauton immer gleich bleiben. Ergänzen Sie in den Farbbefehlen den passenden Blauwert, finden Sie heraus, ob der Blauwert immer den maximal erlaubten Wert einnimmt, oder den minimalen.

reihe_gruen

Um die Reihe in Grautönen darzustellen, müssen alle drei Farbwerte jeweils (fast) gleich sein. Ergänzen Sie in den Farbbefehlen die passenden Farbwerte.

reihe_grau

Setzen Sie die vier erstellten Reihen zur Titelgrafik zusammen.

Lösung

grau_blau = above(reihe_grau, reihe_gruen)
gruen_pink = above(reihe_blau, reihe_pink)
brett = above(grau_blau, gruen_pink)

show_graphic(brett)

Was Sie gelernt und geübt haben

Lösungsstrategien/ Allgemeines

Sie können bestehende Programme sinnvoll anpassen und erweitern.

Python

Sie können einen Wert einer Variablen mit = zuweisen und diese Variable weiterverwenden (Variablen als Zwischenspeicher).
Sie können verschachtelte Funktionsaufrufe verstehen und verwenden.

PyTamaro

Sie können Grafiken mit der PyTamaro-Bibliothek erstellen und ausgeben.
Sie können mit der PyTamaro-Funktion rgb_color Grafiken in beliebigen Farben erstellen.
Sie kennen die RGB-Werte für Weiss, Schwarz, Grau, Rot, Grün und Blau.

This activity has been created by Gall and is licensed under CC BY-SA 4.0.

It is derived from this activity.

Mehr Farben

Logo of PyTamaro

PyTamaro is a project created by the Lugano Computing Education Research Lab at the Software Institute of USI