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 - 25510 bzw. 00 - FF16

Prozentwert umrechnen

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

255 * 35% = 89.25 = 89

Dezimalzahl umrechnen

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

Notieren Sie den Hexwert immer mit zwei Stellen, z.B. 0316

Farbcode notieren

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

0. Prozentzahlen

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

R: 10% von 255 = 25.5 ⇒ 26 = 1A16

G: 33% von 255 = 84.15 ⇒ 84 = 5416

B: 25% von 255 = 63.75 ⇒ 64 = 4016

border-color: #1A5440;

1. Dezimalwerte

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

2. Prozentwerte

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

3. Gemischt

  • Rot: 22%
  • Grün: 250
  • Blau: 86
  • modul/m114/learningunits/lu03/aufgaben/farben.txt
  • Zuletzt geändert: 2024/03/28 14:07
  • von 127.0.0.1