von Thomas Salvador.
Es gibt insgesamt acht Grundfarben. Sie bestehen aus zwei unbunten Grundfarben (Schwarz und Weiß) und sechs bunten Grundfarben.
Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.
In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.
Hintergrundfarbe aqua | ||||||
Detail | : | Hintergrundfarbe aqua | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | aqua | #00ffff | #00ffff | #00ffff | #00ffff |
Farbwert | : | #00ffff | #24ffff | #24ffff | #00dada | #00dada |
HTML | : | aqua | #48ffff | #48ffff | #00b6b6 | #00b6b6 |
CSS | : | aqua | #6dffff | #6dffff | #009191 | #009191 |
CSS (Wert) | : | #00ffff | #91ffff | #91ffff | #006d6d | #006d6d |
CSS (kürzest) | : | #0ff | #b6ffff | #b6ffff | #004848 | #004848 |
CSS (RGB) | : | rgb(0,255,255) | #daffff | #daffff | #002424 | #002424 |
CSS (%RGB) | : | rgb(0%,100%,100%) | #ffffff | #ffffff | #000000 | #000000 |
Wir legen für dieses Beispiel Farbe aqua als Hintergrundfarbe von <p> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif.
<p style="font-family:sans-serif; background-color:aqua;"> Dieser Hintergrund nutzt Farbe aqua </p>
Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier verwendete Befehl p ist in der HTML Referenz bei <p> genau zusammengestellt.
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <pre> so ein, dass sich bei Berührung mit der Maus die Textfarbe auf Farbe aqua ändert.<style type="text/css"><!-- pre: hover { color: aqua; } //--> </style>
Weiteres zu pre können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten vom HTML-Tag pre lesen Sie in der HTML Referenz unter <pre>.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / aqua | |
black | #000000 | + | black | #000000 | black / aqua | |
blue | #0000ff | + | blue | #0000ff | blue / aqua | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / aqua | |
lime | #00ff00 | + | lime | #00ff00 | lime / aqua | |
red | #ff0000 | + | red | #ff0000 | red / aqua | |
white | #ffffff | + | white | #ffffff | white / aqua | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / aqua |