LU03.A01 - Farben codieren

• Taschenrechner
• Papier und Schreibzeug

Sie müssen in einem CSS-Stylesheet verschiedene Farben codieren. Als Vorgabe erhalten Sie die Anteile der verschiedenen Grundfarben (RGB).

• Codieren Sie die jeweilige Farbe in hexadezimaler Darstellung (z.B. #FFCC66).
• Zur Repetition des Moduls „101 Webauftritt erstellen“ geben Sie das korrekte CSS-Attribut an.

Die Farbwerte für Rot, Grün und Blau werden je einzeln umgerechnet. Dabei kann jede Farbe 256 verschiedene Werte annehmen: 0 - 255₁₀ bzw. 00 - FF₁₆

Multiplizieren Sie 255 mit dem Prozentwert und runden Sie das Ergebnis auf eine ganze Zahl.

255 * 35% = 89.25 = 89

Rechnen Sie die Dezimalzahl in den entsprechenden Hexwert um. Siehe LU01f - Zahlensysteme umrechnen

Notieren Sie den Hexwert immer mit zwei Stellen, z.B. 03₁₆

Für die codierte Form im Stylesheet werden die Farbwerte für Rot, Grün und Blau einfach hintereinander geschrieben. Zum Beispiel: #03aa99.

• 25% Blau, 33% Grün und 10% Rot

R: 10% von 255 = 25.5 ⇒ 26 = 1A₁₆

G: 33% von 255 = 84.15 ⇒ 84 = 54₁₆

B: 25% von 255 = 63.75 ⇒ 64 = 40₁₆

border-color: #1A5440;

• Blau: 192
• Rot: 51
• Grün: 128

• Rot: 45%
• Blau: 20%
• Grün: 0%

• Rot: 22%
• Grün: 250
• Blau: 86

LU03.L01 - Farben codieren

Marcel Suter