RGB-Farben

Bisher haben wir Farben über Schlüsselwörter wie blue, red oder yellow festgelegt. Es gibt viele weitere solcher Schlüsselwörter wie darkblue oder forestgreen. Eine vollständige Liste aller Farb-Schlüsselwörter findest du bei MDN web docs. Mit diesen Schlüsselwörtern kann man viele, aber bei weitem nicht alle möglichen Farben darstellen. Um jede mögliche Farbe darzustellen, muss man zu dem in CSS verwendeten sRGB-Farbraum übergehen. Dort wird jede Farbe durch ihren Rot-, Grün- und Blau-Anteil beschrieben. Der Anteil ist eine ganze Zahl zwischen 0 und 255. Mischfarben ergeben sich durch die additive Farbmischung.

let rot = 'rgb(255, 0, 0)';
let gruen = 'rgb(0, 255, 0)';
let blau = 'rgb(0, 0, 255)';
let weiss = 'rgb(255, 255, 255)';
let schwarz = 'rgb(0, 0, 0)';
let lila = 'rgb(255, 0, 255);'
let dunkelrot = 'rgb(150, 0, 0)';
let hellrot = 'rgb(255, 50, 50)';
let grau = 'rgb(120, 120, 120)';

Setze die Hintergrundfarbe des fixme-Elements auf rgb(190, 220, 200) und die Textfarbe auf rgb(10, 30, 230).

+ Lösung

let style = document.getElementById('fixme').style;
style.backgroundColor = 'rgb(190, 220, 200)';
style.color = 'rgb(10, 30, 230)';