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 blue | ||||||
Detail | : | Hintergrundfarbe blue | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbe | : | blue | #0000ff | #0000ff | #0000ff | #0000ff |
Farbwert | : | #0000ff | #2424ff | #2424ff | #0000da | #0000da |
HTML | : | blue | #4848ff | #4848ff | #0000b6 | #0000b6 |
CSS | : | blue | #6d6dff | #6d6dff | #000091 | #000091 |
CSS (Wert) | : | #0000ff | #9191ff | #9191ff | #00006d | #00006d |
CSS (kürzest) | : | #00f | #b6b6ff | #b6b6ff | #000048 | #000048 |
CSS (RGB) | : | rgb(0,0,255) | #dadaff | #dadaff | #000024 | #000024 |
CSS (%RGB) | : | rgb(0%,0%,100%) | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.
Dafür stellen wir <center> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbe blue ändert.<style type="text/css"><!-- center: hover { background-color: blue; } //--> </style>
Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten des hier gezeigten Tag <center>.
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <form> vor.
<style type="text/css"><!-- form { color:#c886d8; } //--> </style>Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe blue gesetzt wird.
<style type="text/css"><!-- form: hover { color: blue; } //--> </style>
Mehr zu form können Sie in Formulare in HTML lesen. Mehr zum hier verwendeten HTML-Befehl form ist in der HTML Referenz unter <form> beschrieben.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / blue | |
black | #000000 | + | black | #000000 | black / blue | |
blue | #0000ff | + | blue | #0000ff | blue / blue | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / blue | |
lime | #00ff00 | + | lime | #00ff00 | lime / blue | |
red | #ff0000 | + | red | #ff0000 | red / blue | |
white | #ffffff | + | white | #ffffff | white / blue | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / blue |